Header appears in workspace but disappears on site when published

In my Workspace https://hospitalarshopexample--hospitalarshop.myvtex.com/, the mobile view is displaying correctly. However, when I deploy, it disappears. What could be causing this issue? The source code and screenshots of the Workspace and the live store are attached below.


Hello,

Apparently in production there is a CSS restricting what should appear. CSS is not my strong suit, so I’m guessing it has something to do with the line @media screen and (min-width: 64em)

Hey, how’s it going? There was an opacity on the background that, when deployed, ended up restricting the entire header. No idea why lol. But when I removed it, it was fixed.
Thanks!

Thanks for the feedback!