Website goes purple when I open my website menu on mobile

[Blissfulrental]

Hi all,

I am having trouble with my website when I visit it through a mobile device.

When I click on my dropdown menu on the upper left-hand side, my main page goes purple.

This does not happen when I go on my website through desktop.

Unable to upload picture, website is blissfulrental.co.nz if you want to see for yourself

If this has happened to anyone else before and they figured out how to fix it, I would love to know.

Thanks

[aBox_Agency]

Hello @Blissfulrental 

Please remove the last property from the below CSS.
Source: base.css

.header__icon--menu[aria-expanded='true']::before {
content: '';
top: 100%;
left: 0;
height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
width: 100%;
display: block;
position: absolute;
background: rgba(var(--color-foreground), 0.5);    <-------------
}

Attach a screenshot too.

Thank you

[Blissfulrental]

Thank you so much, and for including all steps in.

[Rahul_dhiman]

Hello @Blissfulrental 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.header__icon--menu[aria-expanded=true]:before {
background: #fff !important;
}

If this was helpful, hit the like button and mark the job as completed.
Thanks