+33 3 83 56 65 26 +33 6 87 42 95 30 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. Lun-Ven : 9.00 à 17.00
Merci de préciser dans le titre la version utilisée ( exemple: Gantry 5 - votre sujet )

[Règlé]Gantry 5 Changer la hauteur du menu

Plus d'informations
07 Aoû 2016 01:35 #7 par tramber91
Réponse de tramber91 sur le sujet Gantry 5 Changer la hauteur du menu
C'est compliqué
si ton menu principal est unique dans la section navigation en rajoutant seulement
Code:
.g-main-nav .g-toplevel > li > .g-menu-item-container{padding:0.8rem 0.938rem}

cela devrait faire l'affaire ?

Ce qui me plait pas dans ton code c'est
Code:
.g-content {margin: 0.625rem; padding: 0.92em;}

g-content est utilisé partout dans gantry5 et la tu bloques la valeur seulement pour ton menu

@+

Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
07 Aoû 2016 07:58 #8 par Flyman30
Réponse de Flyman30 sur le sujet Gantry 5 Changer la hauteur du menu
Non, ça ne fonctionne pas !
le menu augmente de taille et du coup il y a un espace (vert couleur du menu) en dessous de la sélection du menu.

Le site en ligne est visible ICI

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
07 Aoû 2016 10:42 #9 par Laurentfrom47
Réponse de Laurentfrom47 sur le sujet Gantry 5 Changer la hauteur du menu
Salut, essais de modifier ce CSS
Code:
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { height: 3.1em; margin-top: -0.5em; margin-bottom: 0.5em; }

Tu changes le height et les margin
Les utilisateur(s) suivant ont remercié: Flyman30

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
07 Aoû 2016 12:47 - 08 Aoû 2016 14:22 #10 par Flyman30
Réponse de Flyman30 sur le sujet Gantry 5 Changer la hauteur du menu
Merci de ton aide.
J'ai réussi a faire quelques chose d'acceptable ;)
Code:
@import "dependencies"; $top-background: #ffffff !default; $top-text-color: #666666 !default; $bottom-background: #ffffff !default; $bottom-text-color: #666666 !default; #g-top { background: $top-background; color: $top-text-color; } #g-bottom { background: $bottom-background; color: $bottom-text-color; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {font-size:0.85em;} #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {height: 3.2em; padding-top: 0.5em; padding-bottom: 0.6em;} #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size:.8em; padding-top: 0.5em; padding-bottom: 0.6em;} #g-navigation {height: auto; position: relative; z-index: 100;}
Dernière édition: 08 Aoû 2016 14:22 par Flyman30. Raison: Fignolage des css

Connectez-vous ou Créer un compte pour participer à la conversation.

Modérateurs: tramber91sergestarter
Temps de génération de la page : 0.319 secondes

News extensions

News Communautés

Livres-Revues

News sécurité