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

Solved
needhelp123
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?

 

 

 

dmwwebartisan
Shopify Partner
7293 1723 2295

Hi

Please share your web shop url & password.

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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
needhelp123
Tourist
4 0 2

  fre

0 Likes
dmwwebartisan
Shopify Partner
7293 1723 2295

Hi

Please screenshot for me what do you want.

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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
needhelp123
Tourist
4 0 2

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

0 Likes
dmwwebartisan
Shopify Partner
7293 1723 2295

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 | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
needhelp123
Tourist
4 0 2

Thank you it worked!

daftsmoke
Excursionist
19 0 5

hey can you maybe help me to resize my slides images or move the images so they would fit in mobile version and I'll be able to see the text in slide images?

here is a link to my store.

https://daftsmoke.com/

and maybe you can help me how to add featured product on mobile.. so instead of 3 products it'll show 4 products. becuase right now it only shows 3 as you can see on mobile.

Many thanks in advance.

best wishes

Leonid

 

KetanKumar
Shopify Partner
20391 2112 7670

@daftsmoke 

sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.grid__item.small--one-half.medium-up--one-fifth.small--hide {
    display: inline-block !important;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes