Modifier la mise en page du theme menu du theme par défaut[Resolu]

[flyman30]

Bonjour, 

Je suis en train de finaliser une boutique PrestaShop 1.7.2.4 et dans le menu horizontal standard du theme par défaut j'ai l'affichage des catégories qui ne s'affiche pas comme je le voudrais ..

Est-il possible de modifier le fichier ps_mainmenu.tpl de manière a ce que le passage au lignes suivante  se fasse en dessous de la catégorie la plus longue et que faudrait-il modifier ?

Merci.

 

Edited February 6, 2018 by flyman30 (see edit history)

[Ariane Web et Plus]

Bonjour,

 

C'es le css qu'il faut modifier.

Voir du coté des flex-box ca pourrait solutionner votre problème facilement.

Avez vous une url ?

Bonne journée

[flyman30]

La boutique est en ligne sur un serveur dédié mais le nom de domaine ne pointe pas sur cette boutique tant qu'elle n'est pas au point.

J'utilise un nom de domaine fictif : boutique.pierre-sempe.com et une redirection par mon fichier host..

Est-ce je peux mettre la redirection a faire dans le fichier host sur le forum ?  Ou bien peut-être par message privé car l'ip est celle du serveur.

[flyman30]

Personne pour me dire ou se trouve les CSS à modifier dans le menu  standard menu de second niveau ?? 

[flyman30]

Le site est en ligne (en court de développement)      à http://boutique-sempe.com 

Edited February 4, 2018 by flyman30 (see edit history)

[Atch]

Bonjour,

Dans custom.css de votre theme, ajoutez ceci :

.top-menu .sub-menu ul[data-depth="1"] > li:nth-child(5n+1){ clear : both;}

Ps : Ne pas oubliez les autres formats d'écran, donc, à placer dans des médias et gérer les colonnes en fonction de.

V++

Atch

 

Edited February 5, 2018 by Atch (see edit history)

[flyman30]

Ça n'a rien changé 

/*pop-up menu boutique*/
#header .top-menu .sub-menu ul[data-depth="1"] > li:nth-child(5n+1){ clear : both;}
#header .top-menu a[data-depth="0"]:hover {color: #ebdbb1;text-decoration: none;}
#header .top-menu a[data-depth="1"]{padding:.4rem .425rem .425rem 0.3em;background-color: #ebdbb1;}
#header .top-menu a[data-depth="2"] {padding: 0.1em .625rem .525rem 0.3em;}
/**********/

C'est le code qui m'affiche le menu presque bien... Et j'ai placé ce bout de CSS dans le fichier Custom.css.

Edited February 5, 2018 by flyman30
Complément d'info (see edit history)

[flyman30]

Mes excuses, ça fonctionne