Esconder el logo en Divi cuando haces scroll 50px hacia abajo

¡Hola de nuevo!.

Esta semana vamos con un código para Divi.

Algo que me han preguntado varias veces: cómo borrar (esconder) el logo cuando se hace scroll hacia abajo.

¿Por qué puedes necesitar esconder el logo?.

En principio, las peticiones vienen de personas que tienen una academia online. La idea es que, al hacer scroll (hacia abajo, obviamente), el logo debe desaparecer para que el menú quede más limpio y no distraiga a los alumnos.

Código que vamos a utilizar

La solución es más o menos sencilla, y vamos a verlo a continuación.

Este contenido es exclusivo para los usuarios de pago de la web.
Si ya lo eres accede a tu cuenta, y si aún no te has suscrito, regístrate desde aquí.

¡Nos vemos dentro!

Cómo funciona este código

El funcionamiento de este código es muy sencillo de explicar, tanto es así, que ya lo hemos explicado dos veces: el código esconde el logotipo de Divi al hacer scroll hacia abajo 50 píxeles.

Si quieres cambiar el tamaño del desplazamiento, tan solo tienes que cambiar el 50 que hay en la línea 4 de este código.

Dónde debemos poner este código

Este es un código JavaScript, por lo que debemos ponerlo dentro de la sección <head> o <footer> de Divi.

Para ello debes ir al menú Divi, Opciones del tema, ficha Integración, opción Agregar código al <head> de su blog.

Este artículo ha sido visitado: 37 veces

Obtén acceso a los secretos mejor guardados de WordPress con solo un clic

Suscríbete a la newsletter y recibe en tu correo electrónico 10 snippets de código exclusivos, que nunca se han publicado en la plataforma, y que nunca se publicarán.

Obtén la ventaja definitiva en WordPress y conviértete en un experto.

leadmagnetcodigos

PDF

10 códigos para WordPress, Divi y WooCommerce, que nunca han sido publicados aquí, ni se publicarán

Deja que WordPress trabaje por ti, utiliza código.