Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 14, 2015 at 7:25 pm #379690
    Dogmut

    Hi can you advise on how I can remove the hover menu bar that highlights when you hover over the menu or is active to define the page you are on.

    many thanks

    January 15, 2015 at 8:15 am #379896
    Ismael

    Hi Dogmut!

    Thank you for using Enfold.

    Change the hover menu item color on Enfold > Advanced Styling panel. Edit the Main Menu Links element then enable the Apply only to mouse hover state option. Change the active or current menu item color with this on Quick CSS:

    .header_color .main_menu ul:first-child > li.current-menu-item > a {
color: red;
}

    Best regards,
    Ismael

    January 15, 2015 at 1:04 pm #379984
    Dogmut

    Hi Ismael we might be a cross purposes. Its the thin bar that sits under the menu item just on the bottom of the header that im trying to remove. It highlights what page you are on or shows when you hover over other pages. Many thanks

    • This reply was modified 9 years, 10 months ago by Dogmut.
    January 15, 2015 at 4:51 pm #380100
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .avia-menu-fx { display: none !important; }

    Regards,
    Yigit

    January 16, 2015 at 12:38 pm #380726
    Dogmut

    Thats great thanks. I still get a colored line at the top for child pages when hovering over the main tab.

    Thanks

    January 16, 2015 at 3:34 pm #380780
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top-color: transparent;
}

    Cheers!
    Yigit

    January 19, 2015 at 1:10 pm #381735
    Dogmut

    Thats great thank you.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu hover bar’ is closed to new replies.