Tutorial Divi: Cómo ocultar el menú principal

Un truco muy práctico para aplicar en Divi, especialmente cuando tienes una sección muy visual al principio de la página es ocultar el menú principal de la cabecera.

Así que vamos a ver unos sencillos trucos para ocultarla.

Ocultar la cabecera principal de Divi en toda la web con CSS

Verás qué fácil, solo tenemos que usar un poco de CSS, este:

/* Ocultar cabecera principal Divi */
  #main-header { display:none; }
  #page-container { padding-top:0px !important }

Para aplicarlo simplemente ve a la administración de tu WordPress y luego en «

Apariencia > Personalizar > CSS adicional

».

Ahí añade el CSS de arriba y se ocultará el menú principal, tanto si está fijo y con menú secundario (que se mantiene)…

Como si no está fijo

Ocultar la cabecera principal de Divi por página con CSS

Si, por el contrario, solo quieres ocultar el menú principal en ciertas páginas concretas el código CSS es el mismo, pero se aplica de manera distinta.

Para empezar abre el constructor de Divi y, una vez cargado, despliega las opciones de página en la parte inferior para mostrar el icono de ajustes de la página.

Una vez abierta la ventana de ajustes ve a la sección «

Avanzado > CSS personalizado

» y añade ahí el código anterior.

De este modo ocultarás el menú principal igual que antes pero solo en esta página.

Ahora guarda los cambios y ya lo tienes.

La entrada Tutorial Divi: Cómo ocultar el menú principal la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *