Menu: Keep hover effect for active menu item

  • Resolved maaike53

    (@maaike53)


    4 years, 8 months ago

    Hi there

    I am using the OceanWP template. There I activated the underline when hovering over menu items. Can you tell me custom css code to keep the underline for the active menu? I want to display the user where he is located.

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

  • Hello,

    Can you kindly share the page url so that I can give you the correct code?

    Thread Starter maaike53

    (@maaike53)

    https://www.celinestiegler.ch/

    I now added a code that gives an underline, but its not very pretty, as I want it to be the same design as the hover underline. Thank you for the code.

    Kindly use the below code. Add it to the Customize > Custom CSS section – 

    .effect-three #site-navigation-wrap .dropdown-menu>li.menu-item.current-menu-item>a.menu-link>span:after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu: Keep hover effect for active menu item’ is closed to new replies.