Hamburger Color... where is it coming from?

Beaver Themer
1

Each time I build a new themer header and change the background to white, the hamburger on mobile devices is invisible as it’s also white.

Here’s an example url where this is happening: https://www.mikebealfp.com.au/

And here’s a screenshot showing the problem: https://cl.ly/8a998cd9550a

Now I can fix this with some CSS, but I’d like to understand where the color is coming from, so I can fix it quicker.

We’re using BB theme and themer.

Thanks!

2

Following CSS is creating the issue

.fl-menu .fl-menu-mobile-toggle {
    position: relative;
    padding: 8px;
    background-color: transparent;
    border: 0;
    color: #333;
    border-radius: 0;
}

May be setup the transparent background for mobile button from fl-menu module. Go to style tab and check the settings.

1 Like