Avisos
Vaciar todo
Plugins WordPress
6
Respuestas
3
Usuarios
0
Reactions
14
Visitas
Topic starter
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
Contenido solo visible a usuarios registrados
Respondido : 01/12/2022 1:46 am
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
Topic starter
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
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
Topic starter
Respondido : 01/12/2022 11:29 am
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
