Pie de página flotante en WordPress y Elementor Free (compatible con IOs - Apple)

 

1.- Añadir el siguiente código en el plugin CODE SNIPPETS (código PHP):

 

add_action( 'wp_head', function () { ?>
<style>
.site-footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: transparent; /* Color de fondo transparente */
padding: 20px; /* Espacio de relleno para el contenido del pie de página */
text-align: center; /* Alineación del texto */
z-index: 9999; /* Asegura que el pie de página esté por encima de otros elementos */
}
</style>
<?php } );

 

Versión con fondo de color:

add_action( 'wp_head', function () { ?>
<style>
.site-footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #f8f8f8; /* Color de fondo del pie de página */
padding: 20px; /* Espacio de relleno para el contenido del pie de página */
text-align: center; /* Alineación del texto */
z-index: 9999; /* Asegura que el pie de página esté por encima de otros elementos */
}
</style>
<?php } );

 

2.- Seleccionar sección de pie de página hecho con Elementor Header and Footer builder, click sobre AVANZADO / CLASES CSS, escribimos la clase .site-footer

Guardamos cambios