Ancestor menu background color

  • Resolved KatrineDS

    (@katrineds)


    4 years, 4 months ago

    Hi,

    New to the theme – but absolutely love it!

    I have a hard time figuring out how to change the background color on the ancestor menu item, when hovering over the sub items.

    Tried many different approaches.

    I want the background to stay black, when I hover over submenus – but it keeps turning white. Please help me out.

    Link: https://www.designstudio.dk

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter KatrineDS

    (@katrineds)

    .main-navigation .main-nav ul li[class*="current-menu-"]:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    background-color: #000 !important;
    color: #ffffff;
}

    works for current – but how does it look when it’s not current, but just a random menu item with children / sub menu ??

    Leo

    (@leohsiang)

    Hi there,

    I’m not 100% sure what you are after but all the menu color CSS should be here:https://docs.generatepress.com/article/changing-navigation-colors/

    Can you take a look and see if can find the one you are after?

    Let me know ??

    Thread Starter KatrineDS

    (@katrineds)

    .main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
	color: #FFFFFF;
	background-color: #000;
}

    did it! Thanks….

    Leo

    (@leohsiang)

    No problem ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Ancestor menu background color’ is closed to new replies.