Personnaliser navigation

Personnaliser la hauteur du menu de navigation

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 e-monsite, la hauteur du menu horizontal de navigation a deux tailles : 50px ou 80px. 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 :

.navbar-top {
    height: 64px; /*Remplacer la valeur par la votre*/
}
/*Si vous avez coché l'option "Menu fixe"*/
body.menu-fixed {
    padding-top: 64px; /*Mettre la même valeur*/
}    

Attention aux options !

Selon si le menu est "fixe" ou non, vous devrez ajouter le deuxième code à votre CSS. Si votre menu n'est pas fixe, ne l'ajoutez pas.

Pour personnaliser votre hauteur de menu il vous faudra alors seulement modifier la valeur en .px.

Chez EMS Tricks, notre hauteur de menu est de 64px, et la votre ? :)

N'hésitez pas à nous envoyer vos sites ou à nous proposer ou demander des trucs et astuces pour les sites e-monsite !

css navigation responsive webdesign e-monsite personnalisation tricks

Commentaires

  • MatthieU
    Merci d'avoir répondu à ma demande de Tricks, j'ai pu l'appliquer à mon site ! :)