Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 5, 2018 at 7:35 pm #893815
    ilsymo

    Hello! Please could you advise how to customize Hamburger Menu background, fonts and elements colors? I tried some suggestions find in old topics with no success. Now the background color is black, the font and the X icon color is grey.

    Kind regards
    Simone

    January 6, 2018 at 11:34 am #894034
    Rikard

    Hey Simone,

    How would you like to change it exactly? Please post a link to your site so that we can have a closer look.

    Best regards,
    Rikard

    January 6, 2018 at 5:07 pm #894123
    ilsymo

    Hello Rikard! I would like to change the background color to white, the font color to grey and th X icon to blue.

    Thank you very much!
    Simone

    January 7, 2018 at 5:27 am #894285
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .av-burger-overlay-scroll {
    background-color: white !important;
}

.av-hamburger-inner:before {
    backgroundcolor:blue !important
}

    Best regards,
    Rikard

    January 7, 2018 at 8:44 pm #894474
    ilsymo

    Hello Rikard!
    Thank you very much, colors are fine now, but the highlight color is grey as the font, so the menu item selected is not visible. Is it possible to change the highlight color to white?

    Kind regards
    Simone

    January 8, 2018 at 6:19 am #894602
    Rikard

    Hi,

    Please try this as well:

    #av-burger-menu-ul a:hover {
    background-color: white !important;
}

    Best regards,
    Rikard

    January 8, 2018 at 10:08 am #894630
    ilsymo

    Thank you Rikard, now everything looks fine!

    Kind regards
    Simone

    January 8, 2018 at 7:04 pm #894848
    Victoria

    Hi Simone,

    Glad we could help :)

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

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