Dawn Theme Slideshow Edges Cut Off on Mobile

Store Design
, ,

Topic summary

A Shopify store owner using the Dawn theme is experiencing issues with slideshow images being cropped on mobile devices. The images display only their center portions instead of resizing responsively.

Problem Details:

  • Both regular slideshows and fade slideshows are affected
  • Text on images appears cut off on mobile
  • Previous attempts to add mobile-specific images at 750px maintained both desktop and mobile versions simultaneously
  • The user needs images to automatically resize rather than crop

Attempted Solutions:

  • GemPages support provided custom code to paste before </body> in theme.liquid, but this solution failed—it froze and stretched the first image without affecting the slideshows
  • The store owner acknowledges white space may appear above/below due to wide image dimensions, but prioritizes preventing text cutoff

Current Status:
The issue remains unresolved. The user questions why Dawn theme doesn’t handle this responsively by default and seeks a working solution to make slideshows scale down properly on mobile devices.

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

www.quiltdstudios.com

I would like all of my slideshows and fade slideshows to automatically resize when on mobile. Right now all of them get cut off edges when 750px. I tried adding code that would allow me to add a picture specifically for mobile but it kept showing both the desktop and mobile images when at 750px.

Thanks in advance!

2

Hello @Quilty22

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

3

Hi Sorry to hear you’re having trouble. Where are the slideshows in question on your site?

I am currently on vacation in Thailand, so probably a big time difference.

4

Hello! Thanks for your response, unfortunately that didn’t work, it froze the first image on my site (and then subsequently stretched it out when resized, not what I wanted), and then didn’t affect the slideshows at all.

Is there a way to just make the slideshow and fade slideshow get smaller when resized? I know there will be white space above or below because these images are wide, but it looks awful on mobile with the text on the images in the slideshow cut off.

5

If you scroll down, you’ll see a slideshow with multiple pictures. In mobile, you’ll just see the center of these images rather than the whole image. I just need it to be responsive when sized down. You’d think the Dawn theme would do this automatically?!