color of hamburger menu on mobile - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 18, 2025 at 8:09 am #1485622

limedrop
Participant

I have tried to figure out, – the hamburger menu is white, therefore not visible on mobile….
Can you help me?

HJEM

June 18, 2025 at 8:19 am #1485623
Ismael
Moderator
Hey!

Thank you for the inquiry.

Did you add this css code?
```
@media only screen and (max-width: 767px) {
    #top .header_color .av-hamburger-inner,#top .header_color .av-hamburger-inner::before,#top .header_color .av-hamburger-inner::after {
        background-color: var(--enfold-header_burger_color);
    }
}
```
This sets the color of the hamburger menu icon to white. You can replace it with:
```
@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: var(--enfold-main-color-color);
  }
}
```
Regards,
Ismael
June 18, 2025 at 8:26 am #1485624

limedrop
Participant

Don´t know if I got this right…only put this in?

Like this?
@media only screen and (max-width: 767px) {

/* Add your Mobile Styles here */
#top .header_color .av-hamburger-inner,
#top .header_color .av-hamburger-inner::before,
#top .header_color .av-hamburger-inner::after {
background-color: #000000;
}
}

June 18, 2025 at 8:32 am #1485625

limedrop
Participant

Sorry! Now I found it! Thank you for always being so helpful with us amateurs :)

June 18, 2025 at 7:50 pm #1485649

Mike
Moderator

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘color of hamburger menu on mobile’ is closed to new replies.