Remove the Navigation Hover

  • Resolved sarahcollett

    (@sarahcollett)


    5 years, 4 months ago

    Hi everyone!

    I’m using the Hestia free theme. I want to remove the background hover from the navigation. Currently I have set it to white just so you can see it using the code:

    .navbar .navbar-nav > li:hover > a:hover {
    background-color: #ffffff;
    }

    When I change it to:
    .navbar .navbar-nav > li:hover > a:hover {
    display: none;
    }

    I get a weird jumping effect when I hover over the menu items.

    Is it possible to remove the background hover using customize?

    Thank you!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sarahcollett

    (@sarahcollett)

    Hello,
    Does anyone have a solution to remove the background color when the menu items are hovered? Or is it an animation that needs to be removed?
    Thank you!

    rodicaelena

    (@rodicaelena)

    Hi,

    You can remove it by adding this custom code in Appearance > Customize > Additional CSS:

    .navbar .navbar-nav > li:not(.btn) > a:before, .navbar .navbar-nav > li:not(.btn) .hestia-toggle-search:before {
    background-color:inherit !important;
}

    Regards,
    Rodica

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove the Navigation Hover’ is closed to new replies.