Cambiar el color del menú desplegable en la aplicación móvil

Hola,

Verifica si tu plantilla tiene alguna opción para poder insertar código CSS personalizado, caso contrario puedes usar el siguiente plugin: https://srd.wordpress.org/plugins/simple-custom-css/ y luego insertar el siguiente codigo:

.layout-mode-responsive .gf-menu-device-container {
  background: #ED6A0C none repeat scroll 0 0;
}

Gracias, si tiene CSS personalizado, pero cuando lo pongo se ve como en la imagen que adjunto, no se ve todo en el color naranja, me imagino qua hay que añadir algún código más. Gracias

Hola,

Prueba ingresando también el siguiente código:

.layout-mode-responsive .gf-menu {
  background: #ED6A0C url("../images/menu/tree-main.png") repeat-y scroll 0 0 !important;
  border-top: 15px solid #ED6A0C;
}

Aplicando dicho código, ahora en la web en el PC se ve como muestro a continuación, de decir, naranja antes de pasar el ratón por encima y abrir el desplegable. La idea es que esos menus sigan siendo grises y cuando se desplieguen sea cuando se ven de colornaranja:

Y en el móvil se ve así, no se termina de ver todo en naranja:

Hola

Prueba con el siguietne código CSS, tienes que cambiar blue por algún código de color

Si vas a seguir haciendo modificaciones, mejor colocar esto en un archivo, puedes usar este archivo y colocar el código al final :
/wp-content/themes/titania_wp/style.css

El código es:

@media (max-width:768px){
	.layout-mode-responsive .gf-menu,
	.gf-menu li:hover, .gf-menu li.active:hover,
	.layout-mode-responsive .gf-menu .dropdown ul li,
	.layout-mode-responsive .gf-menu > li:last-child,
	.layout-mode-responsive .gf-menu-device-container{
		background-color:blue!important;
	}

	.layout-mode-responsive .gf-menu{
		border-color:blue;
	}

	.layout-mode-responsive .gf-menu.l1 > li{
		margin-left:0;
	}

	.layout-mode-responsive .gf-menu li:hover, 
	.layout-mode-responsive .gf-menu li.active:hover{
		background:inherit;
	}
}

Saludos.

Buenos días.

Con esta solución se ve como quiero en el móvil, pero en el PC se ve el menú en color naranja antes de desplegarlo... en fin que creo que es bastante complicado tocar una cosa y que no afecte a la otra, por lo que estoy pensando en no tocarlo y que se vea en el PC como quiero y en el móvil dejarlo como está.

Lo que sí me gustaría, si es posible, es cambiar el color del botón del menú del móvil, adjunto imagen para señalar donde me refiero. Gracias.

Hola Manuel

Con esta solución se ve como quiero en el móvil, pero en el PC se ve el menú en color naranja antes de desplegarlo...

Esto es lo que veo y se muestra en color gris, cambia a naranja si se selecciona un elemento del menú:

Puede ser que queden restos de cache del navegador, accede de nuevo y presiona la tecla ( f5 ) para que recargue la cache.

cambiar el color del botón del menú del móvil

Añade lo siguiente a tu archivo custom:

.gf-menu-toggle {
background-color: rgb(237, 106, 12);
background-image:none;
}

Un saludo

Lo del botón del menú del móvil, perfecto.

Lo del menú en el PC se ve bien porque había deshecho los cambios, jeje

Gracias por todo!!

Hola Manuel.

Ok, cerramos el tema 😉

Un saludo