Hello.
When the hamburger menu is displayed on the mobile screen as shown in the image below, the upper part remains transparent.
How can I fix the background to be white when the menu is displayed?
Thank you.
hi @onyourmark
On this case you should make style for header part. and when you push the question you should be add the link to your site here the community will easy while check.
Thank you for your prompt reply.
The URL is here, so can you check it?
Thank you.
https://www.onyourmark.online/
add this code to your base.css file.
Navigate to online store >> Click edit theme code.
Now find base.css and paste the following code:
.header__icon span svg path{fill: red !important;}
Change the color according to your preferences.
On your case, you can go to Online Store => Themes => Edit Code => assets/base.css then add the short code below:
@media screen and (max-width: 760px){
.header-wrapper{
background: #FFFFFF;
}
}
Hope will helpful to you!
Excuse me!
When I entered the code you gave me, the header of the normal screen is no longer transparent, so please tell me again.
I want to keep the white header while scrolling, fixing the header while making the header transparent when the screen is at the top.
I want to change the transparent header to white when I open the hamburger menu.
I will attach a video, so can you check it?
Thank you.
https://drive.google.com/file/d/1XO7I7OQuyz6htgdJH4iG7goDHuAOLKlT/view