Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 30, 2016 at 12:52 pm #693660
    eKMUch

    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

    September 30, 2016 at 1:04 pm #693672
    Yigit

    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

    September 30, 2016 at 2:22 pm #693772
    eKMUch

    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

    September 30, 2016 at 2:24 pm #693775
    Yigit

    Hi!

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

    Cheers!
    Yigit

    September 30, 2016 at 3:26 pm #693824
    eKMUch

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

    Thanks,
    R

    September 30, 2016 at 3:35 pm #693832
    Yigit

    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

    September 30, 2016 at 4:17 pm #693882
    eKMUch

    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

    September 30, 2016 at 4:24 pm #693891
    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: #e2e2e2;
}

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

    Cheers!
    Yigit

    September 30, 2016 at 6:34 pm #693978
    eKMUch

    Hi

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

    September 30, 2016 at 6:44 pm #693983
    eKMUch

    oh, now it worked like a charm!

    thank you yigit! you can close the ticket.

    thank you very much and all the best,
    r

  • Author
    Posts
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.