Site logo

Archived topic

Hamburger menu background set to white....it's not REALLY white though...

5 replies · Started by CRAIG on May 14, 2021

Viewing posts 1–6 of 6

I have added a link to my site privately

If you go into mobile view you will see the background to the hamburger menu is slightly different to the header colour

Both the menu and header backgrounds are set to #ffffff and yet, they're different!

I have absolutely no idea why this is

Please help!

Thanks,

Craig

Hi Craig,

That's something we've added in GP 3.0 when the header and navigation are both white.

We've seen this mention a few times now and I'll bring it up to our team for some discussion.

You can remove it with this CSS for now:

.mobile-menu-control-wrapper .menu-toggle {
    background-color: #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Thanks Leo this has sorted the problem

I was so confused earlier trying to find out why it was doing that!

Thanks

Craig

No problem :)

Hi, I had this problem too, with an off-white colour. I used the CSS you suggest which has sorted it out.

Just wondering if you had found a non-CSS fix for this since you wrote this reply last year?

I'm always trying to avoid too many CSS fixes!

Thanks,

James

Hi James,

I just confirmed with Tom, the added color is for design reasons. Without it the alignment looks off (more space to the right of the icon than to the left of the title/logo etc..). it loses balance without it.

So we will keep this feature in GP, you will still need CSS if you want to override the color :)

This archived topic is closed to new replies.