WordPress : Logo responsive et menu de navigation Thème Divi

Publié par Jean-Michel le

Je suis en train de créer un site avec le thème Divi pour WordPress. J’ai un logo différent pour le menu lorsque vous faites défiler la page, une version plus petite. Cependant, dans les smartphones et les petits écrans, le menu hamburger se trouve sous le logo, alors qu’il devrait être sur le côté droit de celui-ci. Je mets une photo pour que vous voyez de quoi je parle.

Lire également:  ensemble d'outils pour la recommandation de développement de thèmes wordpress

Je marque avec une ligne où le menu hamburger devrait aller.

Ici, je mets aussi le code que j’ai utilisé pour éditer le logo.

#logo2 {affichage : aucun ;}

.et-fixed-header #logo {display:none;}

.et-fixed-header #logo2 {display:inline;}

#logo { padding-top: 10px !important; }

#logo2 { hauteur max : 60px !important; padding-top : 15px !important ; }

Le site Web au cas où vous voudriez jeter un coup d’œil pour voir comment le menu fonctionne est www.masqueglobos.com

Lire également:  Exclure les modèles dans la page wordpress

Solution n°1 trouvée

Ajoutez simplement ceci à la fin de votre CSS …

.et_header_style_left #et-top-navigation {
    padding-left: 0 !important;
    padding-top: 30px !important;
}

le problème est qu’il y a un rembourrage qui pousse le btn vers le bas.

Solution n°2 trouvée

Ajoutez simplement ceci à la fin de votre CSS …

.et_header_style_left #et-top-navigation {
    padding-left: 0 !important;
    padding-top: 30px !important;
}

le problème est qu’il y a un rembourrage qui pousse le btn vers le bas.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *