Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #736691

    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!

    #737091

    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

    #756536

    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 –

    #756539

    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

    #821861

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

    #822290

    Hi,

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

    Best regards,
    Rikard

    #1209628

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

    #1209634

    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

    #1209651

    That works! Thanks.

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