Solved

Collection Banner Full Width

Toptoys2uHS
Explorer
83 1 9

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

 

Full Width Collection Banner.png

 

This is what it looks like now

Full Width Collection Banner Missing.png

 

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.

 

Accepted Solution (1)

Guleria
Shopify Partner
2933 578 827

This is an accepted solution.

Use this css

.collection__image-wrapper img {
    width: 100%;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 2 (2)

Guleria
Shopify Partner
2933 578 827

This is an accepted solution.

Use this css

.collection__image-wrapper img {
    width: 100%;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
Toptoys2uHS
Explorer
83 1 9

Hi @Guleria 

 

Thank you very much for your help, this looks like it has worked for both mobile and desktop too!

 

Kind Regards