How can I modify mobile collection banner sizes on my homepage?

Store Design
1

Hello,

I need a small workaround something. I have collection banners on homepage (2nd and 3rd image on homepage) of which i want to increase the height on mobile version. Like make them square from rectangle. Currently they’re showing full image which is itself a rectangle but i want them to be in square and show a zoomed in image like the main banner (first image on the homepage).

website: www.sundustalpur.com

storefront password: ord

@dmwwebartisan can you help with this also?

2

Hello @jsaeed

Add Below Css with media query

banners-metro ul li img {
object-fit: none !important;
}
3

@renus I didn’t understand this. I want to make those banners’ container size sqaure and then image should be zoomed in on the model

4

yes for this i send you css code try this