Need help changing my slideshow image on mobile only

Solved
Aliartsdesign
Tourist
5 0 2

Hi,

I'm currently having a lot of trouble using code to change my slideshows on mobile. Looked everywhere and followed the instructions carefully but the coding just doesn't work (maybe due to it being old). Desktop is great but the mobile just looks terrible.

I'm using the Debut theme and here's my site: https://aliartsdesigns.myshopify.com

Any help with coding would be great as i'm horrible at it.

Thank you!

KetanKumar
Shopify Partner
14498 1670 5205

@Aliartsdesign 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

sorry, i can't see the slideshow at home can you Please show
So I will check and provide a solution here.

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Aliartsdesign
Tourist
5 0 2

952E51E3-76A6-45FA-91BC-DFEA6E507FF5.jpeg

Hi Ketan,

Thank you. The images above view all or in it if on desktop is a slideshow, I’ve just used one image as a slideshow because this was the only way I could add a button in the image unless I’m mistaken. (I am new to shopify)

I’ve attached and circled the issue I’m having.

thank you

0 Likes
KetanKumar
Shopify Partner
14498 1670 5205

@Aliartsdesign 

Thanks maybe upload a mobile different image.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Aliartsdesign
Tourist
5 0 2

Sorry you can't just change an image only for mobile? Anything done on desktop will transfer onto mobile that's my problem. I'm trying to find a way where my desktop slideshows stay as is and the mobile slideshows can be changed.

0 Likes
KetanKumar
Shopify Partner
14498 1670 5205

@Aliartsdesign 

yes can you please add other section just upload a mobile image or if you need the same section so i will develop

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Aliartsdesign
Tourist
5 0 2

Oh sorry for the confusion. 

I think i've done as you've asked. I've added all the mobile images/slideshows and they are above each desktop slideshow.

https://aliartsdesigns.myshopify.com

0 Likes
KetanKumar
Shopify Partner
14498 1670 5205

This is an accepted solution.

@Aliartsdesign 

ok try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 750px)  {
#shopify-section-1611869496004d8f4f {
 display: none;
}
}
@media only screen and (max-width: 749px) {
#shopify-section-16114215406ddbd510 {
    display: none;
}
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing