Utilisation du module de menu pleine largeur de Divi et du module de menu normal

Divi est livré avec 2 différents types de modules de navigation ; Menu pleine largeur et Menu régulier. Dans cet article, nous allons discuter et démontrer certaines des différences entre le module de menu pleine largeur de Divi et le module de menu régulier. Si vous vous êtes déjà demandé quel module utiliser pour votre site Web, nous espérons que cet article vous aidera à comprendre les principales différences et les cas d’utilisation de ces modules. Nous vous donnerons également des instructions étape par étape pour personnaliser le design d’un module de menu pleine largeur et d’un module de menu ordinaire.

C’est parti !

Coup d’œil rapide

Bureau : Module de menu pleine largeur

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Bureau : Module de menu normal

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Mobile : Module de menu pleine largeur

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Mobile : Module de menu normal

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Principales différences entre le module de menu pleine largeur de Divi et le module de menu normal

Voici un aperçu des principales différences entre un module de menu pleine largeur et un module de menu normal.

Conteneur de section ordinaire ou pleine largeur

Le module de menu pleine largeur nécessite une section pleine largeur dans Divi. Comme la section est pleine largeur, tout module que vous ajoutez occupera toute la largeur de la page. Contrairement à la section de menu ordinaire, vous ne pouvez pas avoir plusieurs modules côte à côte. Le module de menu pleine largeur est idéal si vous souhaitez que le menu occupe toute la largeur de la page et que vous n’avez pas besoin de modules supplémentaires à côté de lui.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Le module de menu normal nécessite une section normale dans Divi. Les sections régulières ont de nombreuses dispositions de lignes différentes, et vous pouvez utiliser n’importe quelle disposition avec le module de menu régulier. Cela vous permet d’inclure du contenu supplémentaire à côté du menu en utilisant les autres rangées pour créer une barre de menu plus complexe. Grâce aux nombreuses options de rangées de Divi, vous pouvez facilement créer des mises en page uniques pour votre barre de menu à l’aide du module de menu standard.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Paramètres de largeur intégrés ou modification du conteneur de ligne

L’autre différence essentielle entre les menus normaux et les menus pleine largeur est qu’ils disposent de différentes façons de modifier la largeur et l’espacement du module.

Le module de menu pleine largeur est doté de certains paramètres intégrés permettant de modifier la largeur. Vous pouvez faire en sorte que le texte du menu soit en pleine largeur avec l’option « make menu links fullwidth ». Cela permet d’étendre le module de menu pleine largeur au-delà de la largeur du contenu par défaut.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Pour obtenir un aspect similaire avec un module de menu ordinaire, vous devez modifier les paramètres de la ligne qui le contient. Par exemple, modifiez la largeur, la largeur maximale et l’alignement de la ligne contenant le menu ordinaire pour étendre le module de menu ordinaire au-delà de la largeur de contenu par défaut.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Utilisation du module de menu pleine largeur de Divi et du module de menu ordinaire

Ce dont vous avez besoin pour commencer

Si vous souhaitez suivre ce tutoriel, installez et activez le thème Divi et assurez-vous que vous disposez de la dernière version de Divi sur votre site Web.

Vous êtes maintenant prêt à commencer !

Conception d’un module de menu pleine largeur

Ajoutez une nouvelle page à votre site Web et donnez-lui un titre, puis sélectionnez l’option Utiliser Divi Builder.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Pour ce tutoriel, nous allons créer le design à partir de rien, alors sélectionnez l’option Commencer à construire.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Lorsque vous créez une page vierge pour la première fois, elle est préchargée avec une section ordinaire. Ajoutez d’abord une section pleine largeur sous la section normale.

Ensuite, supprimez la section ordinaire de la page.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ajoutez un module Fullwidth Menu à la rangée fullwidth.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ajoutez une couleur d’arrière-plan au menu pleine largeur.

• Arrière-plan : #4e7560

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ajoutez un logo au menu pleine largeur.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, accédez aux options Texte du menu sous l’onglet Conception.

• Police du menu : Poppins
• Couleur du texte du menu : #FFFFFF
• Taille du texte du menu : 20px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, accédez aux paramètres du menu déroulant.

• Couleur d’arrière-plan du menu déroulant : #FFFFFF
• Couleur de la ligne du menu déroulant : #7EAD70
• Couleur du texte du menu déroulant : #000000

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Définissez la couleur de l’arrière-plan et du texte du menu mobile.

• Couleur d’arrière-plan du menu mobile : #FFFFFF
• Couleur du texte du menu mobile : #000000

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, modifiez les paramètres du menu Hamburger.

• Couleur de l’icône du menu Hamburger : #FFFFFF
• Taille de la police de l’icône Hamburger Menu : 40px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Enfin, ajoutez un rembourrage en haut et en bas.

• Rembourrage haut : 10px
• Padding-Bottom : 10px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Votre module de menu pleine largeur est maintenant complet !

Conception d’un module de menu ordinaire

Ajoutez une nouvelle page à votre site Web et donnez-lui un titre, puis sélectionnez l’option Utiliser Divi Builder.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Sélectionnez Commencer à construire pour construire à partir de zéro.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

La page est préchargée avec une section ordinaire vide. Ajoutez une couleur d’arrière-plan à cette section.

• Arrière-plan : #4e7560

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, supprimez les rembourrages supérieur et inférieur.

• Rembourrage haut : 0px
• Padding-Bottom : 0px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ajoutez une nouvelle ligne avec la disposition indiquée ci-dessous.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Dans les paramètres de la ligne, égaliser les hauteurs des colonnes.

• Égaliser la hauteur des colonnes : Oui

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Dans les paramètres CSS de l’élément principal, sous l’onglet Avancé, ajoutez le CSS personnalisé suivant.

 align-items:center ;

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ajoutez un module de texte à la colonne la plus à gauche. Nous l’utiliserons pour afficher le nom du site Web au lieu de télécharger un logo. Il s’agit d’un avantage unique du module de menu ordinaire, car vous pouvez l’utiliser avec d’autres modules pour ajouter des éléments supplémentaires à la barre de menu.

• Texte H1 : « Divi Blog »

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Définissez l’alignement du texte à gauche sur le bureau.

• Alignement du texte – Bureau : Gauche

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Définissez l’alignement du texte pour qu’il soit centré sur les tablettes et les mobiles.

• Alignement du texte – Tablette : Centrer
• Alignement du texte sur mobile : Centre

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, accédez aux paramètres du texte de l’en-tête.

• Police de l’en-tête : Poppins
• Poids de la police d’en-tête : Bold
• Couleur du texte de l’en-tête : #FFFFFF
• Taille du texte de l’en-tête : 40px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Maintenant que le titre « Divi Blog » est terminé, ajoutons le module de menu ordinaire à la colonne centrale.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Enlevez la couleur de fond.

• Arrière-plan : Aucun

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, accédez à l’onglet Conception. Sous Layout, changez le style en Centered.

• Style : Centré

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Nous pouvons maintenant modifier les styles de texte du menu.

• Police du menu : Poppins
• Couleur du texte du menu : #FFFFFF
• Taille du texte du menu : 20px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Modifiez également les styles des menus déroulants.

• Couleur de la ligne du menu déroulant : #7EAD70
• Couleur du texte du menu déroulant : #000000

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, modifiez les paramètres du menu mobile.

• Couleur d’arrière-plan du menu mobile : #FFFFFF
• Couleur du texte du menu mobile : #000000

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Enfin, modifiez les paramètres du menu hamburger.

• Couleur de l’icône du menu hamburger : #FFFFFF
• Taille de la police de l’icône du menu hamburger : 40px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Le style du module de menu normal est ainsi terminé. Pour terminer la conception du menu, ajoutons un bouton d’appel à l’action dans la colonne de droite. Tout d’abord, ajoutez le module de bouton.

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Modifiez le texte du bouton.

• Bouton : « Essai gratuit de 30 jours »

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Réglez l’alignement du bouton sur le centre.

• Alignement des boutons : Centrer

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Définissez « Utiliser des styles personnalisés pour le bouton » sur Oui et modifiez la couleur du texte.

• Utiliser des styles personnalisés pour le bouton : Oui
• Couleur du texte du bouton : #FFFFFF

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Définissez l’arrière-plan du bouton.

• Fond du bouton : #7EAD70

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Définit l’arrière-plan du bouton au survol en orange.

• Fond du bouton au survol : #D19929

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Ensuite, définissez la largeur, le rayon et la police de la bordure du bouton.

• Largeur de la bordure du bouton : 0px
• Rayon de la bordure du bouton : 40px
• Police du bouton : Poppins

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Enfin, définissez les rembourrages gauche et droit.

• Rembourrage gauche : 30px
• Rembourrage-Droit : 30px

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Résultat final

Voyons maintenant le résultat final pour nos modules de menu.

Bureau : Module de menu pleine largeur

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Bureau : Module de menu normal

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Mobile : Module de menu pleine largeur

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Mobile : Module de menu normal

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

• https://www.facebook.com/lafactoryworld
• https://twitter.com/lafactory
• Gmail
• https://www.linkedin.com/company/lafactory-inc

Réflexions finales

Nous espérons que cet article vous a permis de comprendre certaines des principales différences entre le module de menu pleine largeur et le module de menu standard de Divi. Tous deux sont incroyablement faciles à personnaliser pour créer des menus de qualité pour votre site Web. Le module de menu pleine largeur occupe la largeur de la page et est doté d’options intégrées permettant de modifier et d’ajuster la largeur. D’autre part, le module de menu normal peut être utilisé avec d’autres modules et est contenu dans une rangée, où la largeur et d’autres options de dimensionnement peuvent être ajustées. Utilisez-vous un module de menu pleine largeur ou un module de menu normal sur votre site Web ? Nous serions ravis de vous entendre dans les commentaires !