Modificar una cabecera de Elementor cuando bajamos el scroll de la web

En el siguiente vídeotutorial os voy a enseñar cómo modificar la cabecera de nuestra web en WordPress cuando hacemos scroll.

El constructor visual utilizado es Elementor Pro.

Código mencionado en el vídeo

A continuación dejo el código que he mencionado en el vídeo para que podáis copiarlo.

selector.elementor-sticky--effects
{
   background-color: #fff !important;
   border-bottom-color: #7a7a7a !important;
   border-bottom-style: solid !important;
   border-bottom-width: 1px!important;
}

selector.elementor-sticky--effects a
{
    color: #333 !important;
}

selector
{
   transition: background-color 1s ease !important;
}

selector > .elementor-container
{
   transition: min-height 1s ease !important;
}

selector.elementor-sticky--effects .logotipo
{
    content: url("URL DEL LOGO");
    max-width: 75%;
    margin-top:5px;
    transition: background-color 1s ease !important;
}
Quizá te interese...
Deja un comentario...
Suscribirme
Notificación de
guest
1 Comentario
Comentarios en línea
Ver todos los comentarios
Dani
Dani
1 año hace

Me ayudaste mucho!! Excelente explicación