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

 
Manuel
 Manuel
Usuario experto

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

Citar
Respondido : 03/02/2017 9:40 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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;
}

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/02/2017 12:19 am

Cursos Gratuitos WordPress

Manuel
 Manuel
Usuario experto

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

ResponderCitar
Respondido : 04/02/2017 12:51 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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;
}

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/02/2017 1:00 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Manuel
 Manuel
Usuario experto

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:

ResponderCitar
Respondido : 06/02/2017 10:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/02/2017 11:55 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Manuel
 Manuel
Usuario experto

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.

ResponderCitar
Respondido : 09/02/2017 10:48 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 09/02/2017 12:09 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Manuel
 Manuel
Usuario experto

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!!

ResponderCitar
Respondido : 09/02/2017 12:23 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Manuel.

Ok, cerramos el tema 😉

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 09/02/2017 12:37 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro