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.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Deja un comentario

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

 

Ir arriba Ir al contenido