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.
Índice de contenidos
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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
