My Mobile Navigation burger menu background is transparent and I would like it white

Hey,

My Mobile Navigation burger menu background is transparent and I would like it white. Do you know how I could go about this?

I've attached a couple of photos to show it.

https://pippacleary.squarespace.com

Password: password

Thanks,

Lewis

In the style menu the menu background colour has been set to transparent, you should be able to fix it in there.

Hi Ziggy,

I've checked that and it says it is white, I've attached a screenshot.

Thanks,

Lewis

Do you have anything in Custom CSS that would set the background color to rgba(0,0,0,0)?

Hi Ziggy,

I figured out how to get the background white, But the hamburger menu before clicked is white, even though I had it set to black on the site styles. I checked through the code and can't find anything which is getting in the way of this.

Do you know how to solve this?

Thanks,

Lewis

Add this to the page header code injection on the pages that need to have a black menu hamburger:

<style>
.burger-box .burger-inner>div {
    background-color: #000000 !important;
}
</style>

Hi Ziggy,

I've added that code to a page and it hasn't worked.

I've attached screenshots.

Thanks,

Lewis

I would say it is working for me: