Make "Image with text" image smaller on mobile view

Topic summary

Issue: Resize the “Image with text” section’s image for mobile in a Shopify theme so it matches the smaller desktop appearance.

Context: The requester shared mobile and desktop screenshots highlighting the image being too large on mobile. Because the theme is unpublished, a preview URL was provided for troubleshooting.

Solution provided: A helper guided the user to add a small custom code snippet in the theme’s main layout file (theme.liquid) via Online Store → Theme → Edit code, then paste the snippet at the bottom and save. (theme.liquid is the primary layout file that can apply sitewide CSS/JS.)

Outcome: The user confirmed the change worked and the mobile image size issue was resolved.

Notes:

  • Screenshots were central to illustrating the size discrepancy between mobile and desktop.
  • No disagreements; no additional configuration or apps were needed.

Status: Resolved; no further action requested.

Summarized with AI on January 4. AI used: gpt-5.

Hi, sorry Im kind of new to this. This is an unpublished theme. How can I share the url? Do I publish this theme? I have a link for the preview: https://i8qt7omwvxi05e18-77159104851.shopifypreview.com