Remplacer la barre de menu principale par le module Divi Full Width menu

La barre de menu principale simplifie la navigation des visiteurs. En plus de la barre de menu principale par défaut que nous utilisons dans WordPress, il se peut que vous rencontriez des modules de menu pleine largeur fournis par Divi. En général, il est utilisé pour afficher d’autres menus sur le site qui sont différents du menu principal en haut de la page. Cependant, vous pouvez facilement remplacer la barre de menu principale par un module de menu pleine largeur. Cela vous donne la liberté de placer le menu à n’importe quel endroit désiré sur la page sans avoir à traiter les menus répétitifs en haut de la page. Vous pouvez également utiliser les options intégrées de Divi pour façonner le menu comme vous le souhaitez, ce qui signifie que vous pouvez créer des résultats étonnants en utilisant des options telles que les bordures et les séparateurs.
Dans ce tutoriel, nous vous montrerons comment utiliser le progiciel de mise en page des menus de Divi pour remplacer la barre de menu principale par un module de menu complet. Cela fait partie de notre plan de conception Divi en cours. Vous pouvez choisir d’appliquer cette méthode à toutes les pages ou seulement à certaines d’entre elles. Allons – y! Aperçu avant d’aller plus loin dans le tutoriel cas d’utilisation, jetons un coup d’oeil rapide aux résultats finaux sur différents écrans de taille. Désactiver la barre de navigation fixe aller aux options de thème Divi la première chose que nous devons faire est de désactiver les options de navigation fixe dans les options de thème Divi. Nous le faisons pour supprimer l’espace du menu principal en haut de la page. Pour ce faire, allez au tableau de bord WordPress > Divide > Theme Options. Désactiver la barre de navigation fixe ouvre l’onglet général et désactive les options de la barre de navigation fixe. Créer un menu principal aller au menu la prochaine chose que nous devons faire est de créer un menu principal. Nous utilisons ce menu principal pour les deux barres de menu
Drop – down: # 000000 Move Menu Background color: # 000000 Paramètres du texte du menu Enfin, nous veillerons à ce que les paramètres du texte correspondent au paquet de mise en page: poids de la police du menu: style de police du menu ultra bold: majuscules Définissez la section pleine largeur à global et enregistrez – la comme une section globale sur d’autres pages. Nous avons fini de créer le nouveau menu principal! Si vous prévoyez l’utiliser sur d’autres pages, continuez à l’ajouter à la Bibliothèque Divi en tant qu’élément global. Ajouter à d’autres pages sans barre de menu principale vous pouvez maintenant facilement ajouter ce menu pleine largeur à d’autres pages. Vous pouvez choisir son emplacement et vous pouvez librement jouer avec les options de conception intégrées, les résultats! Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Dans cet article, nous vous montrons comment remplacer la barre de menu principale en haut de la page par un module de menu complet. En utilisant cette méthode, vous pouvez placer des menus n’importe où sur la page. De plus, il peut être modélisé en utilisant les options intégrées de Divi. Si vous avez des questions ou des suggestions, assurez – vous de laisser vos commentaires dans la section commentaires ci – dessous.