Jump to content

Sub-menu en plein écran


Recommended Posts

Bonjour.

 

Je me casse la tête sur un problème depuis quelques jours et je ne parviens pas du tout à m'en sortir.

J'essaie d'afficher le sub-menu du top-menu en full width mais je ne parviens pas a faire mieux que le screenshot que j'ai mis sur le post.

Le résutat que j'essaie d'avoir est https://luxtail.com/ .

Malheureusement, même quand je modifie la taille du "sub-menu js-sub-menu collapse threecolumn" pour qu'il fasse 1980px, celui si se termine toujours à la fin du top-menu ..

Bref je suis complètement perdu :)

Est-ce que quelqu'un pourrait me tirer d'affaire ?

Merci :)

Clement.

 

sub-menu.JPG

Link to comment
Share on other sites

Oui bien sur.

En premier j'ai retiré le "Float : right;" que j'avais mis le menu pour qu'il soit bien positionné à droite. Et je l'ai remplacé par "text-align: right;" dans le Theme.css.

Ca a permis à la zone "top-menu" de prendre toute la taille du container.

Pour le passer en plein écran, j'ai du modifier le fichier Header.tpl pour retirer le "container" et le "row" du header-top tel que :

 <div class="header-top">
        <div id="header_logo" class="">
          <a href="{$urls.base_url}">
            <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
          </a>
        </div>
        {hook h='displayTop'}
        <div class="clearfix"></div>
      </div>

Et enfin dans le fichier theme.css j'ai modifier :

#_desktop_top_menu #top-menu > li .sub-menu.threecolumn {
   width: 100%;
   text-align: center;
   top: 122px;    }

Voila :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...