¿Cómo conseguir un menú fijo en el pie de página con Divi?

En un tutorial anterior, vimos cómo configurar el menú Divi en la parte superior de la pantalla después del pergamino de la página. En este artículo veremos cómo conseguir un menú fijo a pie.

En el programa de este artículo:

1. Prerrequisitos
2. Crear un menú fijo a pie
3. Optimize mobile version
4. Considerar diseño

1 - Pre-requisitos

Primero que todo, tendrás que Ocultar pantalla de menú principal Divi como se explica en este tutorial.

A continuación, vaya a la página que desea editar, la página donde desea configurar el menú a pie y activar el Editor Visual.

¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"

2 - Crear un menú fijo en pie

1. Añadir una sección de pantalla completa dentro de su diseño. Puedes insertarlo en cualquier lugar porque no impactará su posición final. Dentro de esta sección inserte un módulo "Menu Full Screen". Usted puede elegir el menú de su elección: debe haber sido creado antes de la pestaña Apariencia > Menú.
2. Abra la configuración en la sección Pantalla completa haciendo clic en el icono de la rueda.
3. Añadir un ID de CSS a la pestaña "Advanced". Entra: "ldmenu".
4. Dentro de esto Sección Full Screenañadir uno Módulo de código.
5. Vaya a la pestaña "Contenido"
6. Introduzca el código CSS abajo entre etiquetas et

#ldmenu {
position:fixed;
bottom:0;
width:100%;
z-index:9999;
}

Para más información sobre inserción de código en Divileer este artículo.

3 - Optimize mobile version

Con los pasos anteriores, usted está en posesión un menú de pie fijo.

Sin embargo, la versión móvil puede no ser óptima. Por favor, compruebe las opciones correctas para que el menú también esté disponible como versión móvil.

En la configuración de Pantalla completa Módulo de menú, ve a la pestaña "Estilo" y asegurar que la opción "Se abre submenú" o puesto en "arriba.

Así que tu menú fijo subirá, en versión móvil (y versión de escritorio). Esto es importante, de lo contrario los subelementos de su menú no serán visibles en absoluto.

4 - Tener en cuenta el diseño

El menu "pastilla pegajosa" da un estilo original a un sitio, sin embargo, asegúrese de que no obstaculiza sus otros elementos de diseño.

Por ejemplo, con tal menú, sus créditos y Iconos de pie Ya no será visible. Tampoco podrás crear un piercing revelado en el pergamino u otros estilos personalizados.

Asegúrese de tomar decisiones y no mezclar todo dentro de la misma página o sitio.

Para ir más lejos, propongo otros 2 tutoriales para hacer el menú fijo a pie:

• Haga el menú fijo a pie luego en la parte superior de la pantalla después del pergamino
• Forzar el pieer para ir al fondo de la pantalla incluso si el contenido es demasiado pequeño

Además, este tutorial para Crear un Héroe Header con un menú transparente Tal vez te interese...

¿Necesita más recursos en Divi? Visita Elegante Themes blog lleno de ideas y tutos!