Hamburger Color... where is it coming from?

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:

And here’s a screenshot showing the problem:

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.


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