Archived topic
Hamburger menu background set to white....it's not REALLY white though...
5 replies · Started by CRAIG on May 14, 2021
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 :)