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
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
Thank you
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
Thank you so much, and for including all steps in.