Remove section for Mobile View Only

Shopify Discussion

Topic summary

A user working with the Ride theme wants to hide an Image with Text section on mobile devices while keeping it visible on desktop. The section displays well on desktop but appears poorly formatted on mobile.

Community Response:

  • Multiple users requested the store URL to provide specific guidance
  • One user provided a CSS solution without needing the URL

Proposed Solution:
Add custom CSS to the Image with Text section:

@media (max-width: 749px) {
.image-with-text { display: none !important; }
}

This media query targets screens 749px wide or smaller (mobile devices) and hides the section using display: none.

Status: A potential solution has been offered, but it’s unclear if the original poster has tested it or if the issue is resolved.

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

Hello! I am trying to remove an Image with Text Section from my mobile view only without removing it on the desktop site. It looks great on desktop but does not look good on mobile. I am using the Ride theme. Does anyone know how to do this or if it is possible?

2

Hi

@em12262

Please share your store url.

3

Hi @em12262
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

4

Hi @em12262 , can you share store URL? +

5

Hi @em12262

Please add this code to Custom CSS of that Image with text section to remove it on mobile

@media (max-width: 749px) {
.image-with-text { display: none !important; }
}