Buenas noches, querría saber como puedo cambiar el color del menú desplegable que se abre en la versión para móvil, pues no aparece del mismo color que en la web que se ve en el PC. Gracias
URL del sitio: Contenido solo visible a usuarios registrados
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; }
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