Shopify themes, liquid, logos, and UX
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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024