Avisos
Vaciar todo

[Resuelto] MENÚ MÓVIL

14 Respuestas
4 Usuarios
0 Reactions
35 Visitas
Respuestas: 44
Eminent Member
Topic starter
 

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.


 
Respondido : 11/06/2020 12:45 pm
Karen Rios
Respuestas: 18666
Illustrious Member 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


 
Respondido : 11/06/2020 1:48 pm
Respuestas: 44
Eminent Member
Topic starter
 

@karen

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

gracias


 
Respondido : 11/06/2020 2:23 pm
Karen Rios
Respuestas: 18666
Illustrious Member 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


 
Respondido : 11/06/2020 2:40 pm
Respuestas: 44
Eminent Member
Topic starter
 

@karen

Ahora me sale todo blanco de nuevo


 
Respondido : 11/06/2020 3:10 pm
Karen Rios
Respuestas: 18666
Illustrious Member 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

 


 
Respondido : 11/06/2020 3:23 pm
Respuestas: 44
Eminent Member
Topic starter
 

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

Gracias

image
image

 
Respondido : 11/06/2020 4:09 pm
Karen Rios
Respuestas: 18666
Illustrious Member 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


 
Respondido : 11/06/2020 4:23 pm
Respuestas: 44
Eminent Member
Topic starter
 

@karen

Sale esto y luego se cierra al momento

Sin título

 


 
Respondido : 11/06/2020 5:06 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 11/06/2020 5:35 pm
Respuestas: 44
Eminent Member
Topic starter
 

@jmarreros

Hola,

vuelve a salir el submenú blanco y luego se cierra


 
Respondido : 11/06/2020 9:42 pm
Argenis
Respuestas: 11585
Illustrious Member 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 🖐️ 


 
Respondido : 11/06/2020 10:10 pm
Respuestas: 44
Eminent Member
Topic starter
 
image

Sigue igual 😨 


 
Respondido : 12/06/2020 1:37 pm
Karen Rios
Respuestas: 18666
Illustrious Member 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

 


 
Respondido : 12/06/2020 2:41 pm