EMS Tricks : Personnaliser la hauteur du menu de navigation

Personnaliser la hauteur du menu de navigation

Le 16/04/2017 1

Après une demande de Matthieu via le formulaire de demande, EMS Tricks vous montre comment personnaliser la hauteur de votre menu de navigation de sites e-monsite !

Du pur CSS

Tout se passe en pur CSS. En effet, sur le thème Rebirth, la hauteur du menu horizontal de navigation peut prendre différentes valeurs, notamment par rapport à la taille du logo s'il est affiché dans le menu horizontal. Cependant en y ajoutant un petit bout de code en CSS on peut facilement personnaliser ces unités.

Voici le code CSS à insérer dans les zones éditables de votre manager :

@media(min-width:992px){
    nav#navbar {
    height: 64px; /*Remplacer la valeur par la votre*/
} 
}
/*Si vous avez coché l'option "Menu fixe"*/
@media(min-width:992px){
    body #navbar.position-sticky {
    padding-top: 64px; /*Mettre la même valeur*/
}