I'd like to hide the section 'gallery with text' on mobile version of my store but not desktop

Store Design

Topic summary

A user seeks to hide a ‘Gallery with text’ section on mobile while keeping it visible on desktop. They’ve tried CSS solutions from other users without success.

Proposed Solution:
Another community member suggests using a media query targeting the specific section ID:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
  • Locate the CSS file (base.css, theme.css, or style.css) in the Assets folder
  • Add CSS code at the bottom using @media screen and (max-width: 749px) to hide the section on mobile devices
  • The code targets the specific section ID with display: none

Note: The conversation includes a screenshot showing the section in question (an image with text layout). The CSS snippet provided is formatted in reverse text, but demonstrates a mobile-specific media query approach.

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

Hi,

Can someone please help to hide the ‘Gallery with text’ section on the mobile version, but not the desktop version of my Shopify store reblok.co.uk?

I tried adding different CSS text by copying other people but they didn’t work.

Many thanks in advance!

1 Like
2

Hi @rebekkamikkola

Do you mean the image with text?

This one?

Made4uoRibe_0-1697406302341.png
Made4uoRibe_0-1697406302341.png1025×444 88 KB

If it is try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 749px){
div#shopify-section-template--15025410736211__image_text {
    display: none;
}
}