El otro día, cuando publiqué cómo cambiar el texto de «Seleccionar página» del menú móvil de Divi, tardaron cero segundos en preguntarme cómo se quitaba en vez de cambiarlo.
Así que, como tus deseos son órdenes para mi, aquí tienes el truco para quitar el texto de «Seleccionar página» del menú móvil del tema Divi.
Me refiero a quitar este texto…
Pues bien, es realmente sencillo.
Solo tienes que ir a la página de administración Apariencia → Personalizar → CSS adicional y añadir lo siguiente:
/* Ocultar texto en el menú móvil de Divi */
#et_mobile_nav_menu span.select_page {
display:none;
}Lo que hacemos es utilizar el valor display:none para ocultar el selector donde aparece el texto y así ya no se muestra nada.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Bueno, es una solución para salir del paso, pero mejor sería darle un valor de opacity para no perder la altura, es decir, el elemento seguirá estando visible en pantalla, pero sin opacidad. ¿Se entiende?
#et_mobile_nav_menu span.select_page { opacity:0; }Y luego se le quita el color de fondo al elemento contenedor para que no quede esa línea gris:
.et_header_style_centered #main-header .mobile_nav { background: none; }¡Bendito seas! Gracias jeje me salvaste
Muchas gracias, muy buen aporte. En mi caso, tengo el menú «logotipo centrado» y no consigo que funcione el segundo css que has puesto, sabes cómo lo podría conseguir? Gracias!
Perdona, acabo de leer tu comentario, es posible que dependiendo del tipo de header que uses haya alguna variante en el CSS para que funcione correctamente. Enséñame tu web y le echo un vistazo 🙂