Muneeb Tutoriels WordPress Apr 12, 2021 Aujourd'hui, sur WordPress, vous n'avez pas besoin de créer Un en-tête avec de nombreux menus utilisant Elementor pour permettre la navigation sur votre site. Cela ne doit être utilisé que pour un site Web qui a peu de menus. Si vous prévoyez de donner une meilleure façon de naviguer vers votre site Web en montrant le maximum de liens possibles, vous devez utiliser mega menus. En utilisant un menu Mega, vous facilitez non seulement le choix d'une option par l'utilisateur, mais vous l'aidez également à connaître d'autres pages à explorer. Elementor : Créer un menu vertical - Growwwup. Dans ce tutoriel, nous allons créer un Méga-menu WordPress en utilisant l'élémenteur plugin. Pourquoi devriez-vous créer un méga-menu? Les méga-menus sont de grands menus extensibles affichant tout à la fois. Vous ne faites pas naviguer vos visiteurs à travers un menu complexe en essayant de trier dans quelle option s'ils creusent pour trouver la page ou un produit qu'ils recherchent. Les méga-menus vous permettent d'afficher un grand nombre d'options dans un format de conception agréable.
Pour de meilleurs effets, supprimez le rembourrage supérieur et inférieur de ces parties intérieures de «sous-menu». Ensuite, dans CSS, modifiez la valeur 'padding' pour qu'elle corresponde à votre conception.. menu_content::after,. menu_content:hover::after,. menu_content:focus-within::after { content:''; position: fixed; width: 100%; height: 100vh; left:0; pointer-events: none; overflow: hidden; background-color: rgba( 0, 0, 0, 0. 34)}. menu_content. elementor-container{ padding: 3%;} Ajoutez ce CSS dans le coin supérieur droit de l'écran pour garder les éléments de navigation ensemble. Pour espacer les éléments de menu entre eux, ajustez le rembourrage à votre satisfaction. Si la valeur 'nth-of-type varie, modifiez-la. Comme vu dans le navigateur, vous devez fournir la position initiale de l'élément d'en-tête.. nav_item{ padding: 0 23px;}. nav_item:nth-of-type(2){ margin-left: auto;} Voici comment vous pouvez créer des Mega Menus avec Elementor sur WordPress. Widget du menu de navigation (Elementor Pro) | Communauté WooCommerce - WordPress France. Faites-nous savoir si tout va bien sur le site Web et assurez-vous de revoir le didacticiel si ce n'est pas le cas.
A vous de faire parler votre imagination et de créer des fonctionnalités innovantes!
Depuis la version 2. 4, le menu Elementor The Templates vous permet d'ajouter, de modifier et d'organiser tous vos modèles Elementor personnalisés.