Hi there, I am currently using the default dawn theme. The slideshow aspect ratio is similar on both desktop and mobile, which is not ideal. Would like it in rectangle format for desktop, and square format in mobile. Is there a code that I can paste under the edit code section to resolve this issue? Very much appreciated!!!
Topic summary
A user working with Shopify’s Dawn theme wants to modify the slideshow aspect ratio to display differently across devices:
Desired behavior:
- Desktop: rectangular/landscape format
- Mobile: square format
Current issue:
The slideshow maintains similar aspect ratios on both desktop and mobile, which isn’t meeting their design needs.
User’s request:
Looking for CSS code that can be added to the theme’s code editor to achieve this responsive aspect ratio change.
Response received:
Another user noted that the default Dawn slideshow already appears square on mobile (included screenshot evidence) and asked for:
- A screenshot showing what the original poster is seeing
- Clarification on how they’re testing the mobile view
Status: Discussion ongoing; awaiting clarification from the original poster about their specific setup and what they’re observing.
