Los ajustes de personalización de Divi permiten ajustar montones de opciones, no solo en la barra de navegación principal, incluso en la barra de navegación fija, pudiendo cambiar colores, tipografías, además de hacer un efecto de disminución del logotipo e incluso no mostrarlo, pero hoy vamos a ir un paso más allá.

Lo que vamos a hacer hoy es que cuando el visitante haga scroll en la página para desplazarse por el contenido cambie automáticamente el logotipo, un efecto que tiene más sentido, es más visual, si tienes activa la barra de navegación fija, por supuesto.

Para ello nos valdremos de un sencillo código, que puedes añadir en la sección de CSS adicional del personalizador de temas o en las opciones de CSS de los ajustes de Divi, lo que prefieras, este:

/* Cambiar logo en Divi al hacer scroll */
.et-fixed-header #logo {
content: url(https://midominio.com/wp-content/uploads/2024/03/url_del_logo.png);
}

Solo tienes que cambiar la URL de ejemplo por la ruta en la que tengas subido tu logo secundario, el que quieras que se muestre al visitante al hacer scroll con la barra de navegación fija activa.

El resultado es inmediato y perfecto, y el esfuerzo mínimo, como has visto…