Llevo tiempo queriendo realizar esta modificación. Se trata del color de las tres rallitas que tiene el botón desplegable del menú superior de Divi que aparece cuando accedo a mi web con el móvil. En la siguiente captura lo he marcado con el ratón para que veáis a qué me refiero. Son las rallitas que aparecen en interior del botón y que apenas son visibles con los colores que elegí para el blog.

El problema que hay con el Personalizador de Divi es que no permite seleccionar el color de este elemento. Como se ve en la captura, solo podemos personalizar el color del texto y el del fondo pero no el de las rallitas. Vamos  a ver cómo lo he solucionado.

Personalizar el color del botón desplegable del menú superior de Divi 01

Como vemos en la imagen, he utilizado Firebug para inspeccionar los elementos del menú y averiguar la clase de la hoja de estilos CSS para poder modificarle el color. Si realizamos el cambio en vivo, vemos que hemos dado con el elemento concreto que buscaba.

Personalizar el color del botón desplegable del menú superior de Divi 02

Ahora solo queda implementar los cambios en la hoja de estilos de mi Divi Child Theme para que el cambio sea permanente y no se pierda cuando actualice mi tema Divi.

/* Personalizar el color del botón desplegable del menú superior */
span.mobile_menu_bar.mobile_menu_bar_toggle::before {
   color: white;
}

 

 

Si te ha parecido interesante este artículo y crees que Divi puede ayudarte con tu proyecto Web y estás pensando en comprarlo, te pido que lo hagas pinchando en la siguiente imagen. Estoy afiliado a ElegantThemes y me llevaría una pequeña comisión si llegas a comprarlo. De esta manera me ayudas a mantener el blog y a escribir más artículos como este. Si además, te haces suscriptor de ElegantThemes, podrás comprarlo con hasta un 20% de descuento en algunos casos. AfiliadosDivi Guardar Guardar
Advertisements

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

CERRAR

Pin It on Pinterest

Share This

Compártelo

¡Comparte este artículo con tus amigos!