Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 21, 2018 at 8:01 pm #988199
    bruwa

    Hi

    I want to remove the line that appears below the main menu items (active and on hover).

    I tried different options suggested I found in the support requests and in the Enfold documentation (under “Menu”). They did not do what I expect. Maybe I just missed the boat. To me it seems not like the usual link-underline, which the suggestions might address..

    I tried

    #/*Remove menu underline*/
#top .custom-color-heading a {
    text-decoration: none!important;
}

    also

    #top #header_main > .container .main_menu ul:first-child > li > a {
  height: 105px !important;
}

    and

    #avia-menu .current_page_item > a > .avia-menu-fx,
#avia-menu .menu-item:hover > a > .avia-menu-fx {
opacity: 0;
visibility: hidden;
}

    Thanks
    Bruno

    July 21, 2018 at 11:25 pm #988239
    Mike

    Hey bruwa,
    Please try this code in the General Styling > Quick CSS field:

    .av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    visibility: hidden !important; 
    background-color: transparent !important; 
    border-color: transparent !important; 
}

    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    July 22, 2018 at 11:13 am #988321
    bruwa

    Hi Mike

    thanks for the quick answer.
    Your code was the solution.
    Thank you!

    Best regards,
    Bruno

    July 22, 2018 at 1:15 pm #988352
    Victoria

    Hi Bruno,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.