Jump to content
WillFrite

Faire prendre tout l'espace du top menu

Recommended Posts

Salut à tous, je cherche aujourd'hui à faire prendre toute la largeur de l'écran (et ce peut importe la taille de l'écran en question), automatiquement à mon module top menu, j'ai essayé sur bien de nombreuses classes dans le fichier css du module mais je n'arrive à pas grand chose... :s

 

Des suggestions? 

 

Merci d'avance!

Share this post


Link to post
Share on other sites

Cela va dépendre principalement de la construction HTML de ton thème.

Si ce dernier comprend un bloc (une div) d'une largeur fixe (960 par exemple), comprenant tout le site (et donc le menu) et centré sur ton écran, alors ton menu ne pourra pas (simplement en tout cas) dépasser les 960. Et c'est en général une configuration classique.

 

Il y a t'il un lien vers votre boutique ?

Share this post


Link to post
Share on other sites

Et bien je suis parti du thème de base, modifié l'implantation des hooks, c'est à dire fait en sorte qu'il atterrissement sur la colonne de gauche.

J'ai overridé les fichiers nécessaires pour modifier mon module topmenu.

 

En fait la taille maximum du site est de 960px? pourtant le body sur mon écran en tout cas est à 1584*1683 px

 

Je suis désolé, mais je travail seulement en local, je n'ai pas de boutique en ligne pour l'instant..

Edited by WillFrite (see edit history)

Share this post


Link to post
Share on other sites

C'est un peu compliquer à expliquer à l'écrit.

Dans l'idée, n'importe quel conteneur (<div>, <nav>, etc) ne peut dépasser 100% de la largeur de son conteneur parent.

 

Donc : si l'ensemble du site est encapsulé dans une div de largeur fixe (et c'est le cas avec le thème par défaut et la div#page  - 980px centré), alors votre menu ne pourra faire que 100% de cette div.

 

Donc pour que votre menu prenne 100% de l'écran :

  • Revoir le template HTML (mais avec le système de hook de prestashop, et le hook header qui inclut tout le header + le menu...c'est pas facile).
  • Appliquez une image de fond au body, avec la barre du menu intégré à une certaine hauteur. Et faire en sorte de que le menu se positionne dessus (solution inutile en cas de site responsive...)

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More