Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #268595

    Hi,

    I want to remove the colored line under the main menu items when you hover over them.

    I saw the code below in one of the forum threads, but it didn’t work for me.

    li:hover .avia-menu-fx, .current-menu-item>a>.avia-menu-fx, li:hover .current_page_item>a>.avia-menu-fx {
    opacity: 1; visibility: hidden;
    }

    My staging site is at

    • This topic was modified 6 years, 5 months ago by  pthaba.
    #268598

    Hey Percy!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    #268613
    This reply has been marked as private.
    #268629

    Hey!

    In your code, please set width to auto as following

    #top .main_menu .menu > li > a { width: auto; }

    Best regards,
    Yigit

    #268635

    Yigit,

    Thank you so much. One last question on this.

    How would I make sure the line under a main menu item that has a sub menu also doesn’t have the underline? The Services Menu for example still has the line when you hover over it.

    I tried a number of combinations, but failed to get it working.

    Thanks,
    Percy

    #268640

    Hey!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    #269141

    Yigit,

    Thank you so much. That did it!

    Percy

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Remove colored line / underline below the main menu items’ is closed to new replies.