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;
}
Me ayudaste mucho!! Excelente explicación