InicioPáginas WebSticky footer en Elementor

Sticky footer en Elementor

Publicado:

Elementor cuenta con muchas opciones para hacer que tu sticky footer quede pegado a la parte baja de tu página, pero a veces, cuando se hace manualmente el footer, y este se muestra en una página con poco contenido, el footer no queda en la parte baja, si no que queda inmediatamente después del contenido, haciendo que se muestre espacio vacío después del contenido del footer, haciendo que no se estético.

En páginas con contenido más largo no hay problema, sólo pasa con páginas donde el contenido es demasiado corto.

La solución que encontré es con CSS y para ello tenemos que agregarlo en el contenedor principal del footer.

CSS para el sticky footer

y el código es:

.elementor-location-footer {
position: absolute;
bottom: 0;
width:100%;
}

Contenido Reciente

¿Qué es el ESP32? Historia, filosofía y por qué se volvió tan popular

Después de entender qué es el Internet de las Cosas y de aclarar la...

Microcontroladores vs microprocesadores: la base para entender el ESP32

Introducción Cuando alguien se acerca por primera vez al mundo del IoT o de la...

¿Qué es el Internet de las Cosas (IoT) y por qué importa hoy?

Introducción El concepto de Internet de las Cosas (IoT) aparece constantemente cuando se habla de...

Descubre los Mejores Lenguajes de Programación para Principiantes

Introducción: El mundo de la programación ha evolucionado enormemente en los últimos años, y cada...

Más de esto