Cambiar el color del icono del bloque de menú móvil de WordPress al hacer scroll

Paso 1

Crea una clase que contenga el color del cambio del icono:

.fla-scroll.wp-block-navigation__responsive-container-open svg {
    fill: var(--wp--preset--color--accent);
}

Paso 2

Añade este código javascript en algún sitio donde cargue el menú. Puede ser agregándolo desde functions.php, desde un plugin con un js encolado, desde un plugin de javascript o incrustado en etiquetas <script>

window.addEventListener('scroll', function() {
    var elemento = document.querySelector('.wp-block-navigation__responsive-container-open');
    if (window.scrollY > 200) {
        elemento.classList.add('fla-scroll');
    } else {
        elemento.classList.remove('fla-scroll');
    }
});

¿Te ha gustado?

Suscríbete a mi newsletter para avisarte cuando suba más charlas y contenido que te pueda interesar sobre cultura.

Formulario de suscripción

Estos datos los gestiono yo misma, Flavia Bernárdez Rodríguez y están alojados en el servidor de Nicalia (una empresa de hosting sostenible buenísima cuyo datacenter está en España). Usaré los datos para enviarte emails sobre las cosas que hago, organizo o pienso. Te podrás dar de baja cuando quieras, bien cuando te envíe un mail, o bien diciéndomelo por cualquier método de contacto.