Hide Slideshow on Mobile, and show a different one instead.

Solved
cedricg
Tourist
4 0 3

I have a Shopify store that cuts off the slideshow when on mobile. I would like to hide that slideshow on mobile and show a static image instead.

 

I am using the Fiturj theme.

https://fiturj-store-demo.myshopify.com/

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
31362 3131 10502

This is an accepted solution.

@cedricg 

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

@media (max-width: 575.98px){
.section-slideshow-v5 .info-sideh5 .picture-slideshow img {
height: 370px !important;
object-fit: contain !important;
}
}

can you try this code your slider show on mobile proper 

 

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

View solution in original post

Replies 6 (6)
KetanKumar
Shopify Partner
31362 3131 10502

@cedricg 

can you please share us section name now i can see only top section

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
cedricg
Tourist
4 0 3
cedricg
Tourist
4 0 3
KetanKumar
Shopify Partner
31362 3131 10502

This is an accepted solution.

@cedricg 

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

@media (max-width: 575.98px){
.section-slideshow-v5 .info-sideh5 .picture-slideshow img {
height: 370px !important;
object-fit: contain !important;
}
}

can you try this code your slider show on mobile proper 

 

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
cedricg
Tourist
4 0 3

It worked! Thank you so much!

KetanKumar
Shopify Partner
31362 3131 10502

@cedricg 

its my pleasure to help us 

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