Personnaliser navigation

Personnaliser la hauteur du menu de navigation

Le 16/04/2017 1

Dans Tricks CSS pour site e-monsite

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*/
}

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

Articles similaires

Dans Tricks CSS et JS pour site e-monsite
Thumbnail elements scroll

Faire apparaître des éléments de la page au scroll

Le 16/07/2017

Faire apparaitre des éléments de sa page web au scroll dynamise l'affichage de celle-ci. EMS Tricks vous montre comment faire avec un code très simple à utiliser !

2 commentaires
Dans Tricks CSS pour site e-monsite
Thumbnail align bouton ems tricks

Aligner les boutons "Lire la suite" pour les articles du blog

Le 26/01/2017

Le widget blog d'e-monsite est composé de différents élements qui n'ont pas toujours la même taille et les blocs s'en voient déséquilibrés. EMS Tricks vous montre comment avoir le bouton "Lire la suite" constamment à la même place selon le contenu.

3 commentaires

Commentaires

  • MatthieU

    1 MatthieU Le 24/04/2017

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

Ajouter un commentaire

Anti-spam