I want the header to be transparent BUT not for the mobile menu and hide things

Store Design
, ,

Topic summary

A user wants to make their store header transparent on desktop while keeping it visible and functional in the mobile side menu. Currently, applying transparency causes issues with the mobile menu—it either becomes transparent when it shouldn’t, or pushes down elements like login and currency exchange options.

Current Status:

  • User provided store URL (rememberthemaine.store) and password (miau1)
  • Included a screenshot showing the mobile menu layout issue
  • Two community members requested access details to investigate
  • Discussion remains open, awaiting technical solution

Key Challenge:
Finding CSS customization that selectively applies header transparency only to desktop view without affecting mobile menu visibility or layout.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I’d like to make the header invisible, but not have it affect the mobile side menu. I don’t want it to be transparent in the mobile side menu, and I also don’t want it to hide (it seems to push it down) the login, currency exchange, etc. sections.

5.JPG
5.JPG825×856 22.9 KB

How can I do it? Thank you very much.

2

Hey @RTM2

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @RTM2 ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

4

Hello! The URL is: https://rememberthemaine.store/
And the password: miau1

Thank you!!