Thank you so much! This makes it very easy ![]()
Topic summary
A user working with Shopify’s Dawn theme wants to change the collection page banner image from a cropped 16:9 ratio to portrait orientation.
Solutions offered:
-
CSS approach: Add custom CSS to the theme settings that removes the image cropping by setting
position: static !importanton the collection hero image container. This allows the full image to display without forced aspect ratio. -
Alternative section method: Replace the default “Collection Banner” section with a different section type (like “Image banner” or “Image with text”) that supports portrait images. Use dynamic sources to pull the collection image and description.
The original poster confirmed the solutions were helpful. Multiple respondents requested the store URL to provide more specific guidance, though the issue appears resolved without needing it.