mobile slideshow configuration on the dawn theme

Shopify Discussion

Topic summary

A user encountered an issue where slideshow images on their Shopify store’s homepage (using the Taste theme) were being cropped on mobile devices, cutting off important text. The images displayed correctly on desktop but were automatically resized for mobile viewing.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code snippet above the closing </body> tag
  • This prevents automatic image cropping on mobile devices

Outcome:
The issue was successfully resolved. The provided CSS modification allowed the slideshow images to display properly on mobile without unwanted cropping, preserving the text visibility.

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

Hi,

We use the Taste theme and on our homepage we have a slide show at the top of the page. On the desktop it looks great, but when you look at it on mobile the images are all cropped cutting off some of the text. Is there a way to stop the images from being resized for mobile display?

On desktop:

Screenshot 2025-02-13 at 10.55.01 AM.png
Screenshot 2025-02-13 at 10.55.01 AM.png1910×1372 297 KB

On mobile:

IMG_3995F5E14282-1.jpeg
IMG_3995F5E14282-1.jpeg1179×2556 190 KB

Thank you, we greatly appreciate any help!

1 Like
2

Hey @CPRYOURLIFE

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1739462558816.png
Moeed_0-1739462558816.png373×665 123 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

This worked, thank you!

1 Like
4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.