- Forums
- Aide et assistance
- Templates
- RocketTheme (Gantry)
- Gantry
- [Règlé]Gantry 5 Changer la hauteur du menu
×
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
- Flyman30
- Auteur du sujet
- Hors Ligne
- Membre junior
30 Juil 2016 15:04 - 05 Aoû 2016 20:59 #1
par Flyman30
[Règlé]Gantry 5 Changer la hauteur du menu a été créé par Flyman30
Bonjour,
La taille du menu d'hydrogen est trop importante en hauteur.
J'ai fait des tentatives avec Firefox développement web pour la diminuer, mais alors je n'arrive pas à centrer le texte en hauteur.
Quelqu'un a-t-il réussi ?
Merci
La taille du menu d'hydrogen est trop importante en hauteur.
J'ai fait des tentatives avec Firefox développement web pour la diminuer, mais alors je n'arrive pas à centrer le texte en hauteur.
Quelqu'un a-t-il réussi ?
Merci
Dernière édition: 05 Aoû 2016 20:59 par Flyman30.
Connectez-vous ou Créer un compte pour participer à la conversation.
- Flyman30
- Auteur du sujet
- Hors Ligne
- Membre junior
30 Juil 2016 20:51 - 30 Juil 2016 20:52 #2
par Flyman30
Réponse de Flyman30 sur le sujet Gantry 5 Changer la hauteur du menu
Bon je me répond à moi même, j'ai fini par trouver...il s'agit de mon custom.scss, il permet de diminuer +/- par 2 la hauteur du menu, ça compte si comme moi on veut mettre un slideshow en position showcase
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {font-size:0.85rem; }
.g-main-nav .g-toplevel > li > .g-menu-item-container {padding-right:0.7rem;}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {font-size:.85rem; height:2.5em; margin-top: -0.7em; margin-bottom: 0.8em;}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size:.8rem; height:3.7em;}
#g-navigation {background: #558b2f;color: #fff;text-align: center; height:2.4em;}
#g-navigation {position: relative; z-index: 100;}
.g-content {margin: 0.625rem; padding: 0.92em;}
Dernière édition: 30 Juil 2016 20:52 par Flyman30.
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
30 Juil 2016 23:14 #3
par tramber91
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
Réponse de tramber91 sur le sujet Gantry 5 Changer la hauteur du menu
Attention
toujours tester les modifs generales du framework sur mobile ou tablette
utiliser les codes mediaquery pour affiner si necessaire
@+
toujours tester les modifs generales du framework sur mobile ou tablette
utiliser les codes mediaquery pour affiner si necessaire
@+
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.
- Flyman30
- Auteur du sujet
- Hors Ligne
- Membre junior
01 Aoû 2016 11:24 #4
par Flyman30
Réponse de Flyman30 sur le sujet Gantry 5 Changer la hauteur du menu
J'ai testé avec l'outil de Google, ça fonctionne
Pas encore testé en ligne puisqu'il s'agit du prototype sur mon PC...
Pas encore testé en ligne puisqu'il s'agit du prototype sur mon PC...
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
01 Aoû 2016 11:54 #5
par tramber91
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
Réponse de tramber91 sur le sujet Gantry 5 Changer la hauteur du menu
Fonctionne pas pour moi
sans ton code
et avec ton code
j'ai la bande verte du menu qui apparaît sur smartphone
@+
sans ton code
et avec ton code
j'ai la bande verte du menu qui apparaît sur smartphone
@+
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.
- Flyman30
- Auteur du sujet
- Hors Ligne
- Membre junior
02 Aoû 2016 12:27 - 02 Aoû 2016 12:28 #6
par Flyman30
Réponse de Flyman30 sur le sujet Gantry 5 Changer la hauteur du menu
Voilà le code corrigé pour ne plus avoir la bande de menu sur Smartphone Le menu est un peu plus haut qu'avec la version précédente mais ça reste acceptable.
Le sous menu est plus haut a cause des intitulés qui dans mon cas peuvent être sur 2 lignes.....
Bizarre d’ailleurs que ce template emploi un menu aussi imposant !
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {font-size:0.85rem;}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { height: 3.1em; margin-top: -0.5em; margin-bottom: 0.5em;}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size:.8rem; height:4em;}
#g-navigation {height: auto; position: relative; z-index: 100;}
.g-content {margin: 0.625rem; padding: 0.92em;}
Le sous menu est plus haut a cause des intitulés qui dans mon cas peuvent être sur 2 lignes.....
Bizarre d’ailleurs que ce template emploi un menu aussi imposant !
Dernière édition: 02 Aoû 2016 12:28 par Flyman30.
Connectez-vous ou Créer un compte pour participer à la conversation.
Droit d'accès du forum
- 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: tramber91, serge, starter
- Forums
- Aide et assistance
- Templates
- RocketTheme (Gantry)
- Gantry
- [Règlé]Gantry 5 Changer la hauteur du menu
Temps de génération de la page : 0.545 secondes