Banner Images Object Fit / Correct Size with Responsive

17 0 2

Hey all,


Apologies if this has been asked before. I'm trying to get my banner images to stay consistent across various responsive sizes. Basically the image will look fine on a small desktop but on larger ones things will get stretched. Here's an example 


On smaller sizes; correct size: 

Screen Shot 2023-11-11 at 10.08.34 AM.png


On larger sizes; things  get cropped: 

Screen Shot 2023-11-11 at 10.08.28 AM.jpg

Would I fix this with a object fit CSS setting? Thanks all for any assistance!!

Replies 6 (6)
200 32 37

Hi @Ottodebac ,
This is Theodore from PageFly - Shopify Page Builder App.
Can you send me your store link to check?

Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

17 0 2

Of course! Thanks for the help Theodore:

Shopify Partner
758 102 103

Hi, @Ottodebac.


Kindly share your store URL and password.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
17 0 2
Shopify Expert
2851 383 406

Hi @Ottodebac ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

17 0 2