How to fix transparency issues with mobile menu?

Technical Q&A
,
1

Hi All. Working on optimizing www.tinyotters.com. I continue to struggle with things being transparent on the site when they should not be. These are two issues below.

The first pic below is an issue with our mobile menu - the drop down should cover the screen not be see-through

the second issue is an issue with the mobile and web versions. If you scroll down the menu disappears (which is good - this is what we want) and when you scroll back up the menu appears at the top again (which is good also. We want this.) but it’s transparent. We want it to be a solid bar.

thank you in advance for your help!

6A0A8013-B657-45DA-B2BE-2D79F2F4597D.jpeg
6A0A8013-B657-45DA-B2BE-2D79F2F4597D.jpeg1284×1442 119 KB

4DF9D430-CFC6-4F6D-B357-3DBDF4D834CB.jpeg
4DF9D430-CFC6-4F6D-B357-3DBDF4D834CB.jpeg1284×854 52.9 KB

1 Like
2

@tinyotters

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media (max-width: 749px) {
#shopify-section-header.animate {background: #fff;}
}
3

Shoot - that did not work. I pasted the code and the issue was still there. I appreciate the suggestion though - thank you very much