Hello,
I am not a coder. Please can you tell me how to hide the banner code on my site
thanks
Mark
Topic summary
A Shopify store owner seeks help hiding an image banner (specifically a slideshow section) on mobile devices while keeping it visible on desktop.
Initial confusion:
- The user initially thought it was a banner but clarified it’s an image banner/slideshow section in their theme
- Not added via an app, but part of the theme itself
Solution provided:
- Navigate to: Online Store → Themes → Edit code
- Open the theme.liquid file
- Paste CSS code before the
</body>tag to hide the element on mobile using media queries
Outcome:
- The solution was successfully implemented
- User confirmed it worked and thanked the helper
The discussion includes screenshots showing the Shopify admin interface and the specific banner image in question. A community link about hiding sections on mobile/desktop was also shared as reference.
Did you add an app for this banner? You can disable this bar in the app settings or remove the app at https://YOUR_STORE.myshopify.com/admin/settings/apps
no it’s part of the theme
I checked your page and it seems this image is in the slideshow section, not the banner. You can customize your theme in Sales channel → Online Store → Themes → Customize, find the image block, click and delete it with the delete button.
i need to hide the slide show on mobile only
You should check this link
Hello @Limeonline
This design from the theme
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
2 Likes
thanks a lot… you are a star!
I am glad that my recommendation is helpful to you 
.