¿Cómo puedo eliminar el menú principal en Divi?

Actualizado el 08/04/2021 | Publicado el 15/07/2019 | 34 comentarios

En algunos casos, puede ser necesario eliminar el menú principal de Divi. Se trata de una función de un solo clic, pero hay que saber dónde está.

En este artículo, te mostraré cómo eliminar el menú principal de Divi en una sola página o en todo el sitio.

Verás que es muy fácil y no necesitas ser un desarrollador para hacerlo.

Aquí está el programa:

  1. ¿Por qué eliminar el menú principal de Divi por completo?
  2. Eliminar el menú de Divi en una sola página
  3. Eliminar el menú Divi de todo el sitio
  4. Para ir más allá con esta característica...

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - ¿Por qué eliminar el menú principal de Divi?

Dependiendo de su proyecto, es posible que necesite ocultar el menú principal de su sitio. Suele ser la cabecera que incluye el menú de navegación.

¿En qué casos podría necesitar ocultar el menú de su sitio:

Caso 1: crear una página de aterrizaje eficaz

Las páginas de aterrizaje se utilizan a menudo con fines comerciales. Son páginas creadas con un propósito específico: ¡vender!

Por lo tanto, una página de aterrizaje debe ser una página "libre de distracciones" para que el internauta sólo tenga una opción: hacer clic en el botón de "llamada a la acción" que "encaje".

Por lo tanto, tiene que dar a su lector un camino específico, sin permitirle ir a ninguna otra parte de su sitio, excepto a la tienda o al formulario de registro.

En este caso, ocultar el menú principal de su sitio es muy importante para optimizar la conversión. Este es el objetivo principal de una página de aterrizaje.

En este caso, tendrá que eliminar el menú principal de esa página en particular.

Caso 2: crear un menú personalizado

Algunas de sus páginas pueden mostrar un menú diferente al menú principal de su sitio.

Dependiendo de las necesidades de su proyecto, esta característica puede ser esencial.

Así que, en estas páginas, podrías ocultar el menú principal de Divi y mostrar un menú totalmente diferente.

En este caso, es obvio que no puedes mostrar 2 menús diferentes en la misma página... y por lo tanto, tendrás que eliminar el menú primario de Divi para mostrar un menú secundario, previamente creado en el Apariencia > Menú.

Caso 3: para mostrar el menú en otro lugar de su página

También es posible que el menú principal de Divi no sea de tu agrado. Es posible que no se muestre o se coloque de la manera que usted desea.

Aunque el La cabecera de Divi ofrece varias característicaspuede considerar la posibilidad de que aparezca en un lugar diferente de su sitio. Por ejemplo: después de una imagen a pantalla completa.

Esto también es posible: sólo tienes que quitar el menú principal de Divi e insertar un módulo "Menú de pantalla completa" en tu diseño, en el lugar que quieras...

¿Sabías que puedes probar Divi gratis? Ir a esta página y haz clic en "PRUEBA GRATUITA

2 - Eliminar el menú Divi en una sola página

Eliminar el menú de Divi en una sola página es muy fácil.

supprimer le menu de Divi
Eliminar el menú principal de Divi en 1 clic
  1. Vaya a la edición de la página que desea modificar. En este ejemplo, se trata de la página de inicio.
  2. Ir a la pestaña "Documento"
  3. Vaya a la subpestaña "Atributos de la página".
  4. En el campo "Plantilla", seleccione "Página en blanco" y actualice su página.

¡Eso es! Ahora la página que acaba de modificar ya no mostrará el menú principal de su sitio.

En cuanto al resto de su sitio, siempre aparecerá el menú principal.

Lea también: crear un Header Hero con un menú transparente.

3 - Eliminar el menú Divi de todo el sitio

Es posible que desee eliminar el menú principal de todas las páginas de su sitio.

Esto puede ser necesario si usted está utilizando una sección específica con un módulo de menú, y esta sección se utiliza en todas las páginas de su sitio.

En este caso, podría ser molesto editar cada página una por una para marcar la opción vista en el capítulo anterior.

Por lo tanto, podría actuar en todas sus páginas a la vez:

supprimer le menu de Divi sur tout le site
Eliminar el menú Divi de todo el sitio
  1. Ir al menú Apariencia > Personalizar > CSS adicional
  2. Añade este sencillo fragmento de código:
#main-header {
 display: none;
 }

#page-container {
padding-top: 0px !important;
 }

Una vez que haya guardado los cambios (haga clic en "Publicar"), notará que el menú principal de su sitio ha desaparecido de todas sus páginas.

4 - Para ir más allá con esta función...

Ahora ya sabes cómo ocultar el menú principal de tu sitio. Ya puedes imaginar nuevos diseños para tus próximas composiciones de páginas.

Te sugiero que descubras estos artículos relacionados que pueden ayudarte a realizar diseños originales:

supprimer le menu principal de Divi
remove main menu Divi

872 palabras

3

A ti también te debería gustar:

Appliquer des masques et des formes sur vos images avec Divi

Aplica máscaras y formas a tus imágenes con Divi

Las máscaras hacen que tus imágenes parezcan más gráficas y dan a tu diseño un aspecto original. ¿Sabías que puedes crearlos fácilmente con el Constructor Visual de Divi? Te muestro cómo en este tutorial y en este vídeo.

34 Commentaires

  1. Mireille Dubreuil

    J,ai dû me résigner à utiliser l’extension suggérée, mais elle fonctionne très bien… MERI !

  2. Lycia Diaz

    Salut Mireille,
    Quelle extension exactement ?
    😉

  3. Florent

    Bonjour
    je débute sous divi, et je voudrais enlever  » accueil et uncategorized » du menu header pas défaut.
    Cordialement

  4. Lycia Diaz

    Salut Florent… Je pense que tu es également débutant sur WordPress, je me trompe ? Car effectivement, la réponse n’est pas dans Divi mais dans WordPress… Tu dois créer un menu et l’affecter à l’emplacement principal. Tu pourras mettre ce que tu veux dedans. Tout cela se passe à l’onglet Apparence > Menu 😉

  5. florent

    Merci Lycia, je vais regarder ça.

  6. mourad anane

    salut, j’ai un problème quand je met le code dans css additionnel le menu disparu mais quand je sort de personnaliser le theme le menu revient. je ne sais pas
    pourquoi ?

  7. Lycia Diaz

    Salut Mourad,
    Là je ne vois pas, peut-être une histoire de mise en cache (plugin de cache ou mise en cache du navigateur).

  8. Nicolas

    Bonjour, merci pour l’astuce ! Malheureusement le footer disparaît aussi… Comment faire?

  9. Lycia Diaz

    Ah bon ? C’est bizarre… Il faut inspecter le code CSS de ta page dans ton navigateur et agir seulement sur le header et non le footer. Sinon, le mieux est de construire ton header avec le Thème Builder de Divi …

  10. Fal

    Bonjour, je souhaite integrer un widget de Trip Advisor (indiquant que le site est recommandé par TA) dans la barre de menu en haut de mon site ou sur un côté dans la partie haute de ma page d’accueil mais je ne trouve aucune possiblité de l’intégrer. Je ne connais pas grand chose au code css non plus pouvez vous m’aider ? Merci d’avance. Fal

  11. Lycia Diaz

    Salut,
    Il faut voir comment est composé le code de Trip Advisor. Est-ce un script ? Le module code pourrais te servir 😉

  12. Ouioui

    Bonjour,

    Tout d’abord merci pour votre excellent article.

    De mon côté j’ai un souci avec le menu. Peu importe le thème que j’utilise, mon menu disparait quand j’active Divi builder.
    Quand je désactive l’extension « Divi Builder » dans la liste de mes extensions, bizarrement tout revient à la normal 🙁

    Ce que je souhaite c’est de garder mon menu principale de wordpress et de modifier le reste avec Divi Builder.

    Avez-vous une idée svp ?

    Merci de votre aide.

  13. Lycia Diaz

    Salut Ouioui ! Tu utilises le Divi Builder sur quel thème ? Y aurait-il une option cochée comme « blank page » ce qui ferait disparaître ton menu. Mais c’est bizarre. Il y a peut-être un conflit quelque part.

  14. Sergio80

    Bonjour Lycia,
    merci pour ce partage.
    J’ai supprimé le menu (blank_page) mais dans ce cas le menu latéral n’apparaît pas non-plus.
    Comment faire pour n’avoir que le menu latéral ?
    Merci
    Sergio80

  15. Lycia Diaz

    Salut Sergio,
    Si tu mets une « blank page » effectivement, ton menu disparait totalement. Du coup, je ne sais pas si cela pourrait être corrigé avec une en-tête globale avec le Thème Builder ?

  16. Amandine

    Bonjour Lycia,
    Je souhaiterai pour ma page boutique supprimer totalement mon menu principal pour mettre un second menu (donc le cas n°2). Cependant que je vais sur document, attribut de la page, il m’est indiqué page parente et non modèle. Est ce que ça aurait changé avec des mises à jour ?

    Merci,
    Amandine

  17. Lycia Diaz

    Salut Amandine.
    La page boutique est une page « spéciale ». De ce fait, le champ « modèle » n’est pas disponible ici. Je te conseille alors de passer par le thème Builder pour créer cette page :
    1/ Divi > Theme Builder > Nouvelle Template > Page Boutique
    2/ Tu crées une entête personnalisée avec le module « menu » et tu choisis le menu que tu veux afficher (le second menu : il doit déjà être créé)
    3/ Tu construis le corps de ta page : il suffit de placer le module « publier un contenu » et le contenu de ta page boutique actuelle apparaîtra. Sinon, tu peux construire ta page boutique pas à pas avec le module « boutique » et d’autres modules de ton choix.
    Voilà 😉

  18. Amandine

    Merci Lycia !

  19. Tara

    Bonjour Lycia, votre site est génial pour moi qui débute depuis quelques jours avec Divi et qui ne maîtrise pas encore totalement WP.

    Je cherche à faire un menu principal d’une façon très différente de ce que l’on voit habituellement avec Divi et après beaucoup de recherches je me demande si cela est vraiment possible… Ou si j’ai passé les limites du possible avec mon imagination débordante…

    Je souhaite faire un menu situé en haut de mon site et sur deux lignes, le premier emplacement du menu (ligne du haut du menu) sera pour mener à la partie la plus « importante » de mon site et en dessous je souhaite placer 4 autres accès pour diverses pages. Savez-vous s’il existe un moyen de faire cela directement sur Divi ?

    Merci pour votre retour qui grâce à votre connaissance de Divi et WordPress sera très précieuse pour ma création de site 🙂

  20. Lycia Diaz

    Salut Tara, merci !
    Oui, si j’ai compris ce que tu veux, oui c’est possible.
    En fait, tu dois aller à l’onglet Apparence > Menu et créer 2 menus. 1 tu l’assignes en tant que Menu Principal et l’autre en tantg que Top Menu. Ensuite, tu customises ton menu avec les options possibles, comme indiqué ici https://astucesdivi.com/entete-menu-divi/.
    Sinon, avec le Thème Builder, tu peux tout faire, ton imagination sera servie 😉

  21. Jérôme

    Bonjour Lycia,
    Je souhaite pouvoir faire apparaitre un menu différent selon la page sur laquelle je me trouve (3 menus possibles au total).
    Savez-vous si cela est possible ?
    Merci 🙂
    Jérôme

  22. Lycia Diaz

    Salut Jérôme oui c’est possible, il suffit d’utiliser le Thème Builder. Tu assignes un header different à des pages spécifiques, c’est très simple

  23. maxime

    Bonjour Lycia

    j’ai bien suivi le tuto qui est très clair mais le résultat est plutôt surprennent
    Les modification lorsque le Builder est actif sont visible ( menu couleur suppression du menu par défaut de divi )
    Mais elle ne sont pas effective
    – le menu est toujours présent (le menu par défaut de divi )
    – le nouveau menu est bien la ou je l’ai ajouté mais les paramètre ( couleur, taille de la police, couleur de fond ….. )

    aurais tu une idée ?

    merci

  24. Lycia Diaz

    Salut Maxime, tu as peut-être un problème de cache ?

  25. maxime

    Bonjour Lycia

    malheureusement non j’ai bien essayé mais rien y fais je comprends pas du tous

  26. Cronin

    The CSS deletes the primary menu and my site logo. How do I just delete the primary menu and keep the site logo?

  27. Lycia Diaz

    Hello Cronin,
    No, this snippet allow only to delete entire header, you can’t keep your logo by this way. Why don’t you use the Theme Builder, you can build your header as you want ?

  28. Denis

    Bonjour Lycia, je viens de lire votre dernier post sur les liens mais je reviens vers vous pour une tout autre raison. Tres conscient de la nécessité aujourd’hui d’être omniprésent sur les téléphones, il y a quelque chose qui me préoccupe au niveau du menu hamburger lorsque l’on est en visuel téléphone. En effet, j’ai mon menu dans lequel j’ai des sous-menus. Or lorsque l’on accède au menu, c’est l’ensemble des lignes du menu et des sous-menus qui s’affichent ce qui je trouve est lourd en terme de visibilité. Je souhaiterais lorsque l’on accède au menu, que ne s’affichent dans un premier temps que les lignes principales du menu et que ne s’affichent celles des lignes des sous-menus que dès lors que l’on a cliqué dessus. Je me suis essayé avec quelques lignes de CSS mais je me suis vautré lamentablement. Auriez-vous quelques idées lumineuses à me communiquer ou quelques lignes de codes cohérentes succeptible de répondre à mes attentes ? Cordialement

  29. Lycia Diaz

    Salut Denis, je vois tout à fait ! Il faut que je cherche et teste, ensuite ça pourrait être l’objet d’un nouvel article.

  30. Denis

    Eh bien, c’est super, si en + ça peut faire avancer la communauté.

  31. Claire

    Bonjour Lycia,
    j’aimerais créer un menu fixe en bas de page pour la version mobile de mon site, mais garder le menu classique divi en haute de page et en ligne pour la version bureau. Est-ce possible ? Comment procéder ? Merci pour vos conseils !

  32. Lycia Diaz

    Hello Claire il y a plusieurs manières de le faire mais peut-être que tu peux insérer deux menus, l’un tu l’affiche en desktop et tu le cache en mobile et l’autre tu fais l’inverse. Dans les options Avancé > Visibilité

  33. Claire

    Bonjour Lycia, Merci pour ta réponse. Je ne suis pas encore très expérimentée avec Divi et j:ai encore une question : OK pour la création de deux menus différents. Mais pour faire apparaître ou disparaître ces menus, dans quelle section ou option de réglages est-ce que je trouve les options Avancé/Visibilité ? Encore merci pour tes précieux conseils !

  34. Lycia Diaz

    Salut Claire, en utilisant le module Menu de Divi, tu auras le choix du menu à afficher 😉

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto