Shopify themes, liquid, logos, and UX
How do I fit the collection image in the banner so it is fit to the full width of the window? The image currently tiles if the window is too large. I want the image to stretch to fill the width of the banner image space, while maintaining the proper aspect ratio (assuming the top and bottom will be cutoff). I also want the image to be aligned vertically in the space (so the narrow strip of the image viewport goes across the middle of the image); it currently goes across the top of the image.
https://jcrty57uv82rmupf-8268827.shopifypreview.com/collections/da-rub
Any help you can provide is greatly appreciated!
1. Navigate online store -> theme -> edit code.
2. Opent theme.liquid and then pust follow code in {% style %}{% endstyle %}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025