Resize slideshow mobile

Solved

Resize slideshow mobile

Nachorc21
Excursionist
25 0 4

Hi, 

 

I would like or my homepage slideshow to resize in the mobile view. 

 

I have tried few solutions in the community but none worked. At the moment the slideshow in mobile view do not show the full images. See below 

Nachorc21_0-1713872035936.png

 

The url of the shop is https://abaf7d-8.myshopify.com/

 

I am using Refresh theme. 

Thank you in advance!

Accepted Solution (1)

ColombiaDev
Shopify Partner
196 11 26

This is an accepted solution.

Hello,

Please edit the code and look for line 71. Then replace min-height: 28rem; with this: height: 13rem;

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.

View solution in original post

Replies 6 (6)

ColombiaDev
Shopify Partner
196 11 26

This is an accepted solution.

Hello,

Please edit the code and look for line 71. Then replace min-height: 28rem; with this: height: 13rem;

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.
Nachorc21
Excursionist
25 0 4

Thank you!

 

Which code should I edit? In which section that should be applied?

ColombiaDev
Shopify Partner
196 11 26

You must edit section-image-banner.css on line 71.

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.
Nachorc21
Excursionist
25 0 4

Thank you!

 

It worked. I only wonder if there is a way to fit the image without making the banner height lower. 

ColombiaDev
Shopify Partner
196 11 26

Hello,

Please show me what you mean.

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.
Nachorc21
Excursionist
25 0 4
Hi,

So I would like banner to be this big in phone but with the image not being
cut on the sides.