Résolu réduire la longueur du menu horizontal

[totobleu]

Bonsoir, version 1.5.6 j'aimerai réduire la longueur du menu horizontal. j'ai chercher avec firebug mais pas trouvé. www.infinitylove.fr La barre est trop longue et c'est pas très joli. Merci pour  votre aide

Edited January 21, 2014 by totobleu (see edit history)

[DeyDDy]

Bonsoir totobleu,

 

Regarde dans ton global.css à la ligne 500

 

à toi de jouer avec le width: 100%

[totobleu]

Bonsoir DeyDDy, je regarde Merci

[totobleu]

J'ai essayé avec firebug avant et ca ne réduit pas la longueur de la barre mais déplace les catégories sur deux lignes.

[DeyDDy]

Alors regarde le blocktopmenu dans les modules de ton thème

 

blocktopmenu / css / superfish-modified.css

.sf-menu {
	margin: 10px 0;
	padding:0;
	width:980px;/* 980 */

vers la ligne 15 change la valeur width: 980px;

Edited January 21, 2014 by DeyDDy (see edit history)

[DeyDDy]

J'ai essayé avec firebug avant et ca ne réduit pas la longueur de la barre mais déplace les catégories sur deux lignes.

 

Attention! quand tu sélectionne la barre du menu avec firebug ,cela t'indique la ligne 510 

 

Moi je t'ai donner la ligne 500 qui est cacher avec firebug 

 

Fait un essais par ftp plutôt que firebug

[totobleu]

ok j'essai.

[totobleu]

Super   la barre du  menu  n'est plus centré maintenant que je l'ai raccourci

[DeyDDy]

oui logique  tu veut center le menu par rapport au slide du dessous?

[totobleu]

Oui parce que cela fait décalé.

[DeyDDy]

Toujours à la ligne 500 tu ajoute un margin-left:60px;

.sf-contener {
    background: url("../img/bg_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    float: left;
    margin-top: 0.5em;
    width: 87%;
    margin-left: 60px;
}

[totobleu]

Je copie l'intégralité de ce que tu as noté?

[totobleu]

J'ai ça

.sf-contener {
    background:url("../img/bg_nav.png") no-repeat scroll 0 0 transparent;
    float:left;
    margin-top: 0.5em;
    clear: both;
    width: 87%;
}

 

Je copie avant ou après la parenthèse?

[DeyDDy]

Non juste le margin-left: 60px; que tu ajoute en dessous du width:87%

J'ai ça

.sf-contener {
    background:url("../img/bg_nav.png") no-repeat scroll 0 0 transparent;
    float:left;
    margin-top: 0.5em;
    clear: both;
    width: 87%;
}

 

Je copie avant ou après la parenthèse?

 

Oui c'est bien ça

Edited January 21, 2014 by DeyDDy (see edit history)

[totobleu]

Super mercI à nouveau EdyDDY.   J'essai de faire autre chose mais on verra plus tard

 

Bonne soirée. A bientôt

[DeyDDy]

Je t'en prie 

 

@Bientôt

[uniquesolution]

Bonjour

J'ai beaucoup essayé pour réduire la taille du menu horizontal prestashop 1.6.1.5 mais sans résultat, j'ai fouillé dans global.css, superfish-modified.css mais toujours rien, de l'aide s'il vous plait et merci d'avance.