Avisos
Vaciar todo

[Resuelto] Cambiar color fuente menu principal  

 
Carlos
 Carlos
Reputable Member

Buenas!

Me gustaría cambiar el color de la fuente y la flecha del los desplegables del menu principal pero SOLAMENTE cuando se hace scroll hacia abajo porque no se diferencia muy bien el color actual de la fuente del del fondo que es blanco.

El plugin es el Max Mega Menu.

Es la misma consulta que hice en este hilo ( https://www.webempresa.com/foro/plugins-wordpress/cambiar-color-fuente-menu-principal#post-434208) que me lo resolvisteis perfectamente, pero el plugin me daba problemas y he tenido que cambiarlo.

Un saludo y gracias

 

Screenshot 1

Contenido solo visible a usuarios registrados

Respondido : 01/12/2022 1:46 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos

Puedes probar con los siguientes estilos CSS

.is_stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
color: #000 !important;
}
.is_stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
color: #EE661B !important;
}

El primer apartado es el color de las opciones del menu en estado normal y el segundo apartado es para cuando posicionas el cursor encima de la opcion

Prueba y nos comentas

Saludos!

Respondido : 01/12/2022 2:05 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Muchas gracias Bruno!! funciona perfecto... lo único la fuente se pone en color naranja solamente cuando se pone encima de un desplegable cuando no es desplegable no cambia a naranja.

¿Podria ponerse la fuente naranja tanto para los que se despliegan como para los que no tienen desplebable? 

Gracias Bruno

Respondido : 01/12/2022 2:12 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

Vaya tienes razon, sucede que los elementos con opciones desplegables tienen una clase especifica, probemos de la siguiente manera

.is_stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
color: #000 !important;
}
.is_stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
color: #EE661B !important;
}
.is_stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
color: #EE661B !important;
}

He agregado el hover al elemento general el cual deberia de funcionar

Saludos!

Respondido : 01/12/2022 3:03 am

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

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Ahora si Bruno Perfecto!!! muchas gracias!!!

Respondido : 01/12/2022 11:29 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

Enhorabuena ha funcionado, es un placer para nosotros siempre poder ayudarte.

No dudes en escribirnos si tienes cualquier otra consulta 

Un saludo 

 

Respondido : 01/12/2022 12:04 pm