Muchas plantillas, como DIVI theme, dan como opción el poder poner una sección de la web, un módulo, un texto o una imagen fija en la página, de forma en que al moverte a lo largo de la web ese elemento te sigue, siempre está presente en tu pantalla. A ese efecto se le llama Sticky o Pegajoso.
Tal vez te preguntas, ¿y para qué querría yo un elemento tan pesadito? Pues si lo piensas un rato seguro que se te ocurren muchas formas de aplicarlo, yo te digo un par:
- Úsalo en un menú principal, para tenerlo siempre presente en la página.
- En un menú secundario, por ejemplo en el lateral.
- Los datos de contacto, como el teléfono, o el icono de whatsApp, en la parte de abajo de la página.
- El CTA (la llamada la acción) siempre visible.
- Tener siempre visibles los iconos de las redes sociales.
Ahora supongo que sí le ves algo más de utilidad, ¿o no? Pues veamos cómo aplicarlo, en el caso de que tu plantilla o theme no lo contemple.
En muy simple, simplemente añade un al ID de tu elemento la propiedad:
position : sticky;
y su posición se lo darás usando:
bottom:0; top:0;left:0;right:0; /* Cambia los valores, ahora están a 0 */
Y si usas DIVI, puedes hacerlo siguiendo los siguientes pasos:
https://www.elegantthemes.com/blog/divi-resources/divi-sticky-element
¿Que no conoces DIVI?
Con DIVi podrás crear unos diseños increíbles y podrás tener acceso a cientos de plantillas prediseñadas. Para utilizarlo no necesitas ser un usuario muy avanzado, pero si debes tener paciencia, tiempo y ganas de hacer algo chulo. Si te interesa descargar la versión de prueba ponte en contacto. Y si quieres ver más en su página clica en el siguiente banner.