Debut theme. Slide show only looks good on Mobile. Here's what I tried so far.

Solved
Highlighted
Tourist
4 0 2

My website is LavishedGirl.com

 

The slideshow looks good on mobile and doesn't look good on desktop.

 

If I change the theme.scss.liquid  $slideshow-height-small: 475px;   to 300 It looks really good on desktop but then you don't see the images on Mobile.

 

I've tried the whole resizing image thing, that didn't work.

 

I'm wondering if there's a way in the CSS to have a separate slideshow height for Mobile and Desktop?

 

 

 

1 Like
Highlighted
Shopify Partner
2243 488 630

Hi

Please share your web shop url & password.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
4 0 2

  fre

0 Likes
Highlighted
Shopify Partner
2243 488 630

Hi

Please screenshot for me what do you want.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
4 0 2

I would like the height on Desktop to be smaller for the slideshow on the home page

0 Likes
Highlighted
Shopify Partner
2243 488 630

This is an accepted solution.

Hi

Try to add following css in your assets/theme.scss.liquid file

 

@media only screen and (min-width: 750px){
.slideshow--small {height: 350px !important;}
}

Hope this will work for you.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
4 0 2

Thank you it worked!

1 Like