Menu horizontal retour à la ligne

[Tomid2]

Bonjour,

 

Cela me paraissait simple, mais finalement non.

 

Dans mon menu horizontal j'ai par exemple :

 

"Essuyage et distributeur"

 

Et j'aimerai passer sur 2 lignes.

 

"Essuyage et

distributeur"

 

Pouvez vous m'aider ?

 

Merci

[Mediacom87]

Bonjour,

 

dans le fichier css /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css lignbe 148 vous pouvez modifier la largeur de la colonne en passant de 20% à une valeur plus petite.

 

à tester directement à l'aide de firebug pour voire le rendu.

[Tomid2]

Merci, Je vais tester et vous dit.

[Tomid2]

On y est presque

 

Après test ça me diminue l'intérieur de ma catégorie (voir photo 1)

Mais ce que je désire c'est le menu en lui même (voir photo 2)

 

Merci

[Tomid2]

Pensez vous que cela soit possible ?

[Tomid2]

up

[stevent]

up ?

[Ariane Web et Plus]

Bonjour, Il faudrait une adresse de site, car ce n'est pas le thème de base donc c'est difficile de vous répondre, le principe est effectivement de réduire la taille de l'espace de chaque lien. Ca se passe dans le css du module menu haut horizontale.

 

Bonne journée

[stevent]

Merci pour votre retour,

Dans mon cas c'est un site prestashop 

 

J'ai déja essayé toutes les poss de css avec un width mais rien n'y fait :/

Edited January 30, 2017 by stevent (see edit history)

[stevent]

Bonjour à tous, si ca interesse quelqu'un, j'ai enfin pu trouver la solution : 

.sf-menu > li > a {
    border-bottom: 3px solid #e9e9e9;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 37px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 101px;
}