Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 23, 2016 at 3:37 am #727782
    clbdcnpafe

    Hello. I have searched the forums extensively and cannot find a solution that works. For the CREATIVE STUDIO demo, all we want to do is change the color of the hamburger menu icon itself…nothing else. The standard color is black; the goal is to change it to the color that matches our logo: #fa8d29. Everything else in the demo should stay the same. From searching the forums (two hours plus), we’re discovering lots of ways to modify backgrounds, sizes, opacity, and so on, and even one ticket with this Quick CSS solution,

    #mobile-advanced a, #mobile-advanced .mega_menu_title {
    color: white;
    background: red;

    which didn’t work (nothing changed, we tried the colors in the solution and went no further because the icon stayed black).

    We are sensing from other forum entries that the icon is actually a font character, not an image. So be it. If so, then It would seem that one could change the color of that font character with a Quick css entry. Can we? Is that the solution. Or something else? Would greatly appreciate your help. Thank you.

    December 24, 2016 at 10:09 pm #728170
    Yigit

    Hey!

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

    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: #fa8d29;
}

    Best regards,
    Yigit

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