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

WebProgramacion > Cursos > Curso de WordPress > Modificar una cabecera de Elementor cuando bajamos el scroll de la web
Autor: Dámaso Velázquez Álvarez

¿Quieres aprender más en mi canal de YouTube?

Suscríbete y no te pierdas ningún vídeo.

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;
}

Comentarios

  • Jorge Hegelz
    24/04/2021 20:09:23

    Comentario
    Tremendo aporte muchas gracias, ya lo implementé y quedó muy bien.

    Me queda una duda, ¿cómo insertar el link de acceso al home en la imagen de logotipo (la segunda/la que sustituye en el scroll?

    Esto por que al cambiar la imagen del logo ésta ya no está con el link que tiene el logo original.

    ¿Podrías ayudarme? Muchas gracias

Deja tu opinión

la política de privacidad que declaro haber leído.

(*) Campos necesarios. El correo electrónico no será público.