how to adapt slideshow images to all screens ?

Solved
arbeygp
Explorer
52 0 11

Hi guys,

 

I have a slider on my page, but this one doesn't adapt to different screen sizes, on desktop.

 

This is my site: https://eltemplodelamoda.com/ 

 

And this is the principal slider:

arbeygp_0-1669142754133.png

 

 

I want to make my slider responsive, someone can help me with this one ?

 

Thank you everyone,

 

Regards.

 

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12261 2543 3677

This is an accepted solution.

@arbeygp 

Please add the following CSS code to your assets/base.css bottom of the file.

@media only screen and (max-width: 1024px){
.slideshow__image {background-size: contain !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
12261 2543 3677

This is an accepted solution.

@arbeygp 

Please add the following CSS code to your assets/base.css bottom of the file.

@media only screen and (max-width: 1024px){
.slideshow__image {background-size: contain !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Angrylyloo
Visitor
1 0 0

i don't feel like this is working on the Dawn theme... I've done it and the mobile view doesn't show me the full image 😞