Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #693660

    Dear Kriesi,

    Currently the main menu (Home, Aktuelles, Argumente, Über Uns, Kantone) color option is set to underlining the active menu item with a red color. We would like to change this so that there is NO underlining at all but that the active and hovered menu item instead gets a light grey background color (the same grey as appears in the background when hovering over submenu items).

    How can we do this?

    Thank you very much and best,
    Raphael

    #693672

    Hey eKMUch,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
        background: #f8f8f8;
    }
    .avia-menu-fx { display: none !important; }
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #693772

    Hi Yigit,

    Thanks for the swift reply.

    Unfortunately it didn’t work. I included your code and made sure that > staid that way. I purged all cache and hard refreshed my page. No change in settings at all.

    Do you see why?

    Thanks,
    R

    #693775

    Hi!

    Login credentials are not working for me. Can you please check them once again?

    Cheers!
    Yigit

    #693824

    Very sorry for that. My mistake. Please see credentials below now.

    Thanks,
    R

    #693832

    Hi!

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
    It does show up fine on my end at the moment :)

    Cheers!
    Yigit

    #693882

    Hi Yigit

    Thanks, yes partly it works now. However, when you hover over a menu with sub-menus then the red line still appears… How to remove it?

    Thank you,
    R

    #693891

    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: #e2e2e2;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    #693978

    Hi

    I’ve added it, refreshed, removed cookies but it didn’t work :( do you see what the problem is?

    #693983

    oh, now it worked like a charm!

    thank you yigit! you can close the ticket.

    thank you very much and all the best,
    r

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Top Menu: Gray backround color (like with subemnu items) instead of red underlin’ is closed to new replies.