Avisos
Vaciar todo

[Resuelto] Cambio de color de menú secundario al desplazarme por la página  

 
María
 María
Usuario experto

¡Buenos días!

Mi menú secundario de navegación, al desplazarme hacia abajo en cualquier página, cambia de color y pasa de negro a blanco.

Me gustaría que se mantuviera negro pero no encuentro la opción de cambiar esto en el personalizador de temas.

¿Me podéis ayudar?

Contenido solo visible a usuarios registrados

Respondido : 29/08/2022 11:48 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola María, 

En este caso entiende te refieres a los items del submenu de tu sitio web, lo que veo es que se añade una opacidad a los enlaces.

Untitled

Para modificarlo verifica si con el siguiente código CSS puedes configurar lo que necesitas

.et_mobile_menu li a:hover, .nav ul li a:hover {
opacity: .9;
}

Un Saludo 

 
Respondido : 29/08/2022 1:26 pm

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

María
 María
Usuario experto

@karen me refiero al menú que queda arriba del todo (en el que sale el teléfono, el email, carrito y mi cuenta), este:

Aquí si estoy en la parte superior de la página sale en negro, que es el color que quiero:

Menu sec divi

Y si me desplazo un poco hacia abajo se convierte a blanco, así:

Menu sec divi blanc

 

Por otro lado estoy poniendo un css en la versión móvil de ese menú para que salga el carrito y mi cuenta que he encontrado en internet.

He conseguido que en el móvil se vea en 2 líneas, pero en la tablet se queda muy arriba, se ve así:

Screenshot 20220829 150603 Chrome

¿Se podría poner en la misma línea o seguido del email?

El css que he utilizado es:

@media (max-width: 980px) {
#et-secondary-menu, #et-secondary-nav {
display: inline
!important;
overflow: visible;
}
#top-header .et-cart-info {


}
#top-header .et-social-icons {
display: none;
}
}

@media (max-width: 980px){
#top-header .et-social-icons {
padding-top: 11px;
}}
Respondido : 29/08/2022 2:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Maria, 

Entiendo, en este caso para asignar el color de fondo a top bar fijo prueba el siguiente código CSS

.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul {
background-color: #000000;
}

Sobre la opción del espacio para tablet prueba el siguiente código CSS

@media (max-width: 980px){
#et-secondary-menu, #et-secondary-nav {
display: inline !important;
overflow: visible;
padding-top: 0.75em;
}

}

Si continúas con problemas para este último abre un nuevo tema para ello de esta forma podemos revisarlo con mayor detalle.

Un Saludo 

 
Respondido : 29/08/2022 3:28 pm

María
 María
Usuario experto

@karen han quedado ambos perdectos, mil gracias!!!

Respondido : 29/08/2022 4:39 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Maria, 

Enhorabuena ha funcionado como deseabas, es un placer siempre poder ayudarte

Escríbenos si tienes cualquier otra consulta. 

Un saludo 😊 

Respondido : 29/08/2022 4:45 pm

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