Empiezapori es agente digitalizador de la ayuda Kit Digital

Somos agente digitalizador de la ayuda Kit Digital. Te ayudamos en la creación de tu sitio web o comercio electrónico y gestionamos tus redes sociales.
Llámanos (93 470 00 37) o rellena el formulario y nos pondremos en contacto contigo. Te ayudamos a gestionar la ayuda.
Para más información y contacto haz clic en el siguiente enlace.

Cambiar el color al menú en la versión móvil

En esta entrada voy ha explicar como cambiar el color del menú desplegable sólo en la versión móvil.

Imagen1

Por diseño, muchas veces, en la versión escritorio de nuestra web optamos por un menú principal transparente, ya que tenemos una foto de fondo en la cabecera, algo parecido al ejemplo de la imagen1. Queda bien, pero cuando lo vemos en su versión responsive o móvil, el menú sigue siendo transparente pero al verse en vertical, no se entiende nada.

Para solucionarlo sólo hemos de añadir este CSS personalizado, en el que estamos indicando que el menú móvil debe tener un fondo. El parámetro se lo daremos al estilo que tengamos asociado el menú móvil, como en mi caso la web está diseñada con el tema DIVI de WordPress, el código añadido con comentario incluido es este, para un fondo blanco con algo de trasparencia:

/*dar color al fondo del menú en el responsive*/
#main-header .et_mobile_menu { background-color: rgba(255,255,255,0.96);}

El resultado sería como se ve en la imagen2.

imagen2

 

 

4 comentarios en “Cambiar el color al menú en la versión móvil”

    1. Hola Jorge,

      Tienes que ir al personaliador de DIVI, si es el tema que está usando, y cambiar el «Color de enfasis del Tema» en los «Ajuste de Formato»

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Ir arriba