Remplacer le bouton de basculement de menu sur mobile par tous les éléments de menu dans le blog wordpress
J’ai mon blog wordpress www.technikes.com .
vous pouvez voir que tous les éléments sont affichés dans le menu sur ordinateur de bureau/ordinateur portable, mais lorsque j’ouvre le même blog sur mobile, tous les éléments de menu sont remplacés par un bouton de menu bascule (trois lignes) comme vous pouvez le voir ici blog sur mobile avec le menu principal trois bouton de ligne
ce que j’essaie, c’est que tous mes éléments de menu (java, android, technologie, à propos, contact) doivent être affichés dans le mobile car ils s’affichent sur le bureau. Je ne veux pas de bouton de menu principal à trois lignes dans le mobile.
ce que j’ai déjà essayé :-
- J’ai installé des plugins comme « menu réactif » et « Max Mega Menu » et « Contrôle de la visibilité des éléments de menu » sur le tableau de bord wordpress.
- J’essaie de changer ma section « écran multimédia et (largeur min. 600px) » sous style.css de mon thème.
- J’essaie de changer le point d’arrêt auquel le menu commence à apparaître (par défaut, il est de 600px). Aucun d’eux ne fonctionne.
s’il vous plaît suggérer une solution.Merci
Solution n°1 trouvée
Veuillez effectuer une sauvegarde avant de modifier quoi que ce soit.
Ouvertstyle.css
Sur la ligne numéro 900, Change
#main-nav-button, #top-nav-button {
display: inline-block;
}
à
#main-nav-button, #top-nav-button {
display: none; // it will hide the button coming on mobile.
}
Sur la ligne 655
Changer
.main-navigation {
display: none;
}
à
.main-navigation {
display: block; // this will display the desktop navigation
}
Aussi sur la ligne 687
Changer
.main-navigation ul, .top-navigation ul {
display: none;
}
à
.main-navigation ul, .top-navigation ul {
display: block;
}
Et votre résultat final sera (veuillez vérifier l’image)
Résultat
0 commentaire