Solved

Resize slideshow mobile

Nachorc21
Excursionist
23 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
21 1 0

This is an accepted solution.

Hello,

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

Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización

View solution in original post

Replies 6 (6)

ColombiaDev
Shopify Partner
21 1 0

This is an accepted solution.

Hello,

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

Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización
Nachorc21
Excursionist
23 0 4

Thank you!

 

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

ColombiaDev
Shopify Partner
21 1 0

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

Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización
Nachorc21
Excursionist
23 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
21 1 0

Hello,

Please show me what you mean.

Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización
Nachorc21
Excursionist
23 0 4
Hi,

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