× Merci de préciser dans le titre la version utilisée ( exemple: Gantry 5 - votre sujet )

Résolu [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
.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
.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
#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 ;)
@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.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: tramber91sergestarter
Temps de génération de la page : 0.225 secondes