Clement L Posted December 29, 2017 Share Posted December 29, 2017 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. Link to comment Share on other sites More sharing options...
Clement L Posted January 1, 2018 Author Share Posted January 1, 2018 Finalement j'ai trouvé comment faire ce que je voulais Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 1, 2018 Share Posted January 1, 2018 Merci de prévenir mais seriez-vous capable d'expliquer votre solution des fois qu'un internaute de la communauté souhaite le même résultat ? Link to comment Share on other sites More sharing options...
Clement L Posted January 2, 2018 Author Share Posted January 2, 2018 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 More sharing options...
Mediacom87 Posted January 2, 2018 Share Posted January 2, 2018 Super, merci pour votre partage. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now