Hacer fijo el pie de pagina en divi

Divi tiene un pequeño problema de diseño que nos puede afectar en algunos casos. El problema es que no mantiene el footer abajo del todo de nuestra web, sino que lo coloca justo debajo de nuestro contenido. En algunos casos puede que nos interese cambiar esto y hacer que sea fijo abajo, ya sea porque nuestra página principal tenga poco contenido y entonces el resultado es feo para las primeras visitas a nuestra web.

La solución pasa por forzar el CSS para que la posición sea absoluta y se quede en el fondo. Si solo tienes el problema en una página, porque el resto tienen suficiente contenido, no hay porque añadir CSS adicional a todo tu sitio.

Solo tienes que ir a las propiedades de la pagina dando click en el botón del engrane


Ahora vamos a la pestaña Advanced y CSS personalizado y ahí pondremos el siguiente código.

#main-footer {
position: absolute;
bottom: 0;
width: 100%;
}

Guardamos los cambios y listo,

Si probamos la pagina veremos como ahora el footer se va hasta la parte de abajo de la ventana.

Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 10€ al més aquí. Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

En el siguiente vídeo veremos todo el procedimiento de una formas mas detallada.

Prueba 12 clasesde la Zona Premium (gratis)

Directas a tu email 🚀

Muchas gracias por suscribirte. Tendrás noticias mías por correo en breveRevisa, por favor, tu bandeja de spam o correo no deseado si en unos minutos no has recibido mi email.¡Seguimos!​David