Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 21, 2017 at 3:51 am #736691
    Insight_PR

    Hi,

    I have the “Display as Icons” Header layout option selected and was wondering if there is a way to change the color of the hamburger menu icon when it displays on desktop. (On mobile it’s fine, but I don’t want it to display in the default grey color on the desktop version).

    Thank you for your help!

    January 23, 2017 at 6:02 am #737091
    Rikard

    Hey Insight_PR,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 6, 2017 at 6:14 pm #756536
    wdwalrus

    We have the same issue. I have tried going to the theme options > Header > Transparency Options and changing the font color to #f2771f, however, it is not changing the color for some reason.

    I have also tried custom css with many variations of:
    .av-hamburger-inner{
    background: #f2771f !important;
    }

    Any help would be greatly appreciated.

    Thanks –

    March 6, 2017 at 6:26 pm #756539
    Yigit

    Hi,

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

    .av-hamburger-inner, .av-hamburger-inner::after, .av-hamburger-inner::before {
    background: #f2771f!important;
}

    Best regards,
    Yigit

    July 15, 2017 at 11:26 pm #821861
    kwanumzen

    thx – this helped me as well…. perhaps a general option would be great ;-)

    July 17, 2017 at 4:47 am #822290
    Rikard

    Hi,

    Thanks for the feedback, that might be implemented in a future release :-)

    Best regards,
    Rikard

    May 4, 2020 at 5:54 pm #1209628
    Justin

    Is there a way to control the color of each dash?

    May 4, 2020 at 6:04 pm #1209634
    Yigit

    Hi Justin,

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

    CSS Snippet:

    
.header_color .av-hamburger-inner {
    background-color: orange;
}
.header_color .av-hamburger-inner::before {
    background-color: red;
}
.header_color .av-hamburger-inner::after {
    background-color: green;
}

    Best regards,
    Yigit

    May 4, 2020 at 6:52 pm #1209651
    Justin

    That works! Thanks.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change hamburger menu icon color in desktop version’ is closed to new replies.