Override Hummingbird navigation menu CSS

  • Resolved kaitlinkma

    (@kaitlinkma)


    2 years, 1 month ago

    Hello,

    I was told that somewhere in Hummingbird’s configuration settings, the code below is overriding my other settings and forcing my navigation menu to orange:

    nav.wp-block-navigation ul li a:hover {
    color: var(–wp–preset–color–secondary) !important;
    }

    I’ve looked seemingly everywhere in Hummingbird but can’t find this code. I’ve tried adding custom CSS to override this code, but the !important is making it difficult. Please advise.

    Thank you so much!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    2 years, 1 month ago

    Hi @kaitlinkma,

    I noticed the menu items have a colour white when I checked at the moment. Just to be sure, the issue is when hovering over the menu items the text colour changes to orange? If yes, it appears the issue isn’t related to Hummingbird when checked.

    If the above isn’t the case then please do share a screenshot if possible too.

    Could you please temporarily disable the Hummingbird plugin and see how it behaves? It gives the impression that the issue might be the same even with the Hummingbird plugin disabled.

    You can also try the following CSS as a workaround:

    #modal-1-content > ul > .wp-block-navigation-item > a > span:hover, #modal-1-content > ul > li > ul > li > a > span:hover, #modal-1-content > ul > .wp-block-navigation-submenu > a:hover  {

color: red !important;
}

    Please make sure to update to your desired color in the above CSS.

    Kind Regards,

    Nithin

    Thread Starter kaitlinkma

    (@kaitlinkma)

    2 years, 1 month ago

    Hi Nithin,

    Yes, you were right – on all fronts!

    The issue was the text hovering orange instead of blue. The static color of white was correct. This issue was indeed present when I disabled Hummingbird.

    However, your code worked. You have no idea how many hours I spent trying to make it work. Thank you so much! You made my day.

    Thanks again,

    Kaitlin

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Override Hummingbird navigation menu CSS’ is closed to new replies.