Change color on mega menu item on hover other item

  • Resolved radiomanhead

    (@radiomanhead)


    2 years, 10 months ago

    Hello,

    I am trying to change the color of my megamenu item when I made hover on other items in the mega menu. Please see the image as a reference:

    LINK

    I used these CSS styles but didn´t work.

    #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;
}

    Any ideas?

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    2 years, 10 months ago

    Hi radiomanhead,

    I’m sorry but as I mentioned in your last topic, this requires a level of customisation (and complexity) that I don’t support in the free forums (or even for Pro users). Therefore, please contact a freelancer if you need further help with this.

    Regards,
    Tom

    Thread Starter radiomanhead

    (@radiomanhead)

    2 years, 10 months ago

    Finally, I found the solution. If anyone needs something similar I put the code here:

    #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;
}

    Kind Regars

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change color on mega menu item on hover other item’ is closed to new replies.

Tags