Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] MENÚ MÓVIL  

 
Ester
 Ester
Usuario eminente

Hola,

Como puedo cambiar el fondo del menú desplegable en la versión del móvil. En formato pc lo tengo en horizontal con letras blancas y al ser el fondo blanco del móvil no se ve.

www.rsnutritionandfitness.cl

Gracias.

Citar
Respondido : 11/06/2020 1:45 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ester,

Prueba agregado el siguiente código CSS en el apartado Apariencia -> Personalizar -> CSS Adicional

Screenshot(204)
Screenshot(203)
.hfg_header .header-menu-sidebar .header-menu-sidebar-bg {
background-color: #ec8809 !important;
}

Una vez lo agregues guarda los cambios y comprueba si se modifica el color de fondo para el menú en móvil

Un Saludo

ResponderCitar
Respondido : 11/06/2020 2:48 pm

Cursos Gratuitos WordPress

Ester
 Ester
Usuario eminente

@karen

Gracias! Puedes añadir el color en la parte del desplegable (Suplementos Nutricionales) que aún me sale en blanco.

gracias

ResponderCitar
Respondido : 11/06/2020 3:23 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ester,

Prueba el siguiente código CSS y verifica si con el logras modificar el color al fondo de los submenús

.hfg_header .header-menu-sidebar .header-menu-sidebar-bg .primary-menu-ul .sub-menu {
background-color: #7CA6B0;
border-color: #7CA6B0;
}

Un Saludo

ResponderCitar
Respondido : 11/06/2020 3:40 pm

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

Ester
 Ester
Usuario eminente

@karen

Ahora me sale todo blanco de nuevo

ResponderCitar
Respondido : 11/06/2020 4:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ester,

Verifica este los dos código agregados, no debes eliminar ninguno añade ambos cogidos que se compartí en tu apartado CSS adicional.

Si es posible envíanos una captura donde añadiste el codigo

Un Saludo

 

ResponderCitar
Respondido : 11/06/2020 4:23 pm

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

Ester
 Ester
Usuario eminente

El fondo naranja funciona bien, pero cuando hago click en el submenú sale blanco y luego se cierra.

Gracias

image
image
ResponderCitar
Respondido : 11/06/2020 5:09 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ester,

Prueba borrando el ultimo código y agrega el siguiente

.header-menu-sidebar .nav-menu-primary ul li {
background-color: transparent;
background-color: #ec8809 !important;
}

Un Saludo

ResponderCitar
Respondido : 11/06/2020 5:23 pm

Ester
 Ester
Usuario eminente

@karen

Sale esto y luego se cierra al momento

Sin título

 

ResponderCitar
Respondido : 11/06/2020 6:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregando el siguiente código CSS:

@media (max-width:958px){
  .hfg_header .header-menu-sidebar .header-menu-sidebar-bg .primary-menu-ul .sub-menu{
   border:none;
   background-color: transparent;
  }
}

Saludos.

ResponderCitar
Respondido : 11/06/2020 6:35 pm

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

Ester
 Ester
Usuario eminente

@jmarreros

Hola,

vuelve a salir el submenú blanco y luego se cierra

ResponderCitar
Respondido : 11/06/2020 10:42 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ester,

Prueba agregando el siguiente código css al final de la lista de códigos que tienes:

ul.sub-menu.dropdown-open {
background-color: #ec8809 !important;
border: #ec8809;
}

Nos comentas si con esto se ve todo ya en el color que deseas 😉 

Saludos 🖐️ 

ResponderCitar
Respondido : 11/06/2020 11:10 pm

Cursos Gratuitos WordPress

Ester
 Ester
Usuario eminente
image

Sigue igual 😨 

ResponderCitar
Respondido : 12/06/2020 2:37 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ester,

Es posible que el background se este aplicando a otros elementos de tu código, prueba el siguiente código Agrégalo debajo de los que tienes ahora añadidos

.hfg_header .header-menu-sidebar .header-menu-sidebar-bg .primary-menu-ul .sub-menu li, .hfg_header .header-menu-sidebar .header-menu-sidebar-bg .primary-menu-ul .sub-menu {
background-color: #ffffff;
border-color: #ec8809 !important;
background-color: #ec8809 !important;
}

Comprueba si con esto logras modificar el background del submenu

Un Saludo

 

ResponderCitar
Respondido : 12/06/2020 3:41 pm

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