Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello All,
I would like to find out why these collection banners are not displaying in Full Width as they used to before updating to a new version of this theme a few days ago.
I have tried many different lines of css such as:
.collection__image-wrapper{
max-width: 100% !important;
}
and have also tried this as a last resort since the image would not span the full width properly:
.collection__image-wrapper{
align-content: center;
}
I have also gone into the customisation settings and tried all types of "Image Size" (it is currently on "Original Image Size Ratio"), but nothing seems to work.
Before the update, the collection banner used to display properly on both Mobile & Desktop. The screenshot below can be seen for reference
This is what it looks like now
Would anyone be able to help with this issue on making the collection banners the same width as the original image again?
The website can be found here:
https://toptoys2u.co.uk/collections/toys-for-5
I appreciate any help.
Solved! Go to the solution
This is an accepted solution.
Use this css
.collection__image-wrapper img {
width: 100%;
}
This is an accepted solution.
Use this css
.collection__image-wrapper img {
width: 100%;
}
Hi @Guleria
Thank you very much for your help, this looks like it has worked for both mobile and desktop too!
Kind Regards