I’m using a Shopify 2.0 theme and want to hide specific sections (like image banners or text blocks) on mobile devices only, without removing them from the desktop version (Checkout). What’s the best way to do this—custom CSS, Liquid conditions, or any built-in option in the theme editor? Any help or code examples would be appreciated!
Topic summary
A user seeks guidance on hiding specific sections (image banners, text blocks) on mobile devices while keeping them visible on desktop in their Shopify 2.0 theme. They’re exploring options including custom CSS, Liquid conditions, or built-in theme editor features.
Community responses:
- Multiple users offer to provide custom CSS solutions using media queries if the specific section is identified
- One user points out a potential discrepancy: the linked store appears to be WordPress-based, not Shopify, which could affect the solution approach
- Helpers request additional details: which exact section needs hiding and confirmation of the theme being used
Current status: The discussion remains open, awaiting clarification from the original poster about the specific section and platform confirmation before a tailored solution can be provided.
Hi @kimmax21
Please tell me which section needs to be hidden — I will provide you the CSS
Hi @kimmax21 .
Basically, we need to add media queries to hide certain sections. Can you please provide the section that you would like to hide on mobile so that I can edit it for you.
Hi @kimmax21 you are finding the liquid code but your store is on WordPress not on Shopify
Hi @kimmax21 ,
What theme are you using? Please send me the store link, I will check and guide it