Remplacer le bouton de basculement de menu sur mobile par tous les éléments de menu dans le blog wordpress

Publié par Jean-Michel le

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

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 *