How can I remove the header logo on mobile in parallax?

Topic summary

A user seeks to remove the header logo on mobile devices for a Shopify Parallax theme.

Solution Provided:
GemPages Support Team offered a CSS-based fix:

  • Navigate to Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Insert custom CSS code before the </head> tag to hide the logo on mobile

Current Status:
The initial solution appeared successful, but a follow-up issue emerged: after publishing the page, the mobile menu stopped working. The discussion remains open with the user seeking additional help for this new problem.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

I am wanting to remove the logo that is in the header on parallex while on a mobile.

https://l4mlbpnmwes4rtci-44007522459.shopifypreview.com

Hello @alanasimpson ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


Let us know how it works for you.

Best regards,
GemPages Support Team

1 Like

thank you SO much!!

1 Like

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

Hey, I did the change and now that I published my page my menu doesn’t work on the mobile view.

Do you have any ideas?