1

Estoy tratando de cambiar el color de un item de un Mega Menu cuando hago hover en otro item diferente. En la imagen se ve la idea de lo que necesito.

Ideal function

Usé estos CSS pero no funcionó:

#mega-menu-wrap-primary-menu #mega-menu-primary-menu:hover > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu:hover > li.mega-menu-item > a.mega-menu-link { 
    color: #85918f;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu:hover > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { 
    color: white;
}

¿Alguna idea?

Estoy usando el plugin Max Mega Menu

Gracias de antemano

4
  • Intenta agregar !important al final de los estilos, por ejemplo, "color: #85918f!important;" Commented el 16 jun. 2021 a las 20:30
  • Gracias, sigue sin funcionar creo que mas bien se trata mas bien de identificar cuales clases debo tocar cuando haga hover en un elemento, pero sigo sin dar con ello Commented el 16 jun. 2021 a las 21:31
  • Tienes algun enlace para compartir, posiblemente los selectores sean incorrectos, aun asi, estoy muy seguro que el plugin debe de tener un apartado para hacerlo sin codigo Commented el 17 jun. 2021 a las 3:10
  • Si claro, el sitio es este [enlace]act-alliance.development.humanitarian.tech .Según el soporte del plugin es un tipo de customización que no hacen por default y se requiere de personalizar los estilos (aunque no ayudan como) Commented el 17 jun. 2021 a las 12:02

1 respuesta 1

0

Finalmente encontré la solución. Si alguién mas necesita lo mismo les dejo por aqui el código:

#mega-menu-wrap-primary-menu #mega-menu-primary-menu:hover li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu:hover > li.mega-menu-item > a.mega-menu-link,  #mega-menu-wrap-primary-menu #mega-menu-primary-menu:hover li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu:hover > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #85918f;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu:hover li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link  { 
    color: white !important;
}

Saludos

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.