Debut Theme Mobile Product Page

shopwalkies
Tourist
4 0 2

Hi,

I'm having some problems when on mobile and on a product page the images are not in a slideshow format with arrows they are listed down the page which means you have to scroll down alot. Its not on all pages just some. Please see link below to my store and also video of whats incorrect.

www.shopwalkies.com

Picture 1 - incorrect, images not in slideshow format

IMG_3613.PNG

 

Picture 2 - correct, how I would like all product pages on mobile layout


IMG_3612.PNG

 

 

 

 

 

 

 

 

 

 

 

Thank you so much for your help!

0 Likes
KetanKumar
Shopify Partner
18570 1954 6862

@shopwalkies 

sorry for this issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
OR
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
OR
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 (max-width: 749px) {
display: flex;
}

 

After code view

KetanKumar_0-1620116170553.png

 

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
0 Likes
shopwalkies
Tourist
4 0 2

Thank you so much for your help! 

Sorry I'm quite the novice with this coding - would this be in product-template.liquid?

KetanKumar
Shopify Partner
18570 1954 6862

@shopwalkies 

sorry for this i have update code

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
0 Likes
shopwalkies
Tourist
4 0 2

thank you so much for your help, but its still not working

 

KetanKumar
Shopify Partner
18570 1954 6862

@shopwalkies 

thanks for the update if possible to add my staff account so i will check

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
0 Likes
shopwalkies
Tourist
4 0 2

I think i've added you thank you!

0 Likes
Hyde
Shopify Staff
Shopify Staff
928 105 164

Hi, @shopwalkies,

Hyde here from Shopify.

All Shopify free themes are responsive, meaning that they will adapt to whatever device they are being viewed on in order to provide the best user experience.

That said, if you've made code edits to your theme or have implemented a third-party app, that may affect the normal functioning of the theme. To be able to better advise I'll need to ask you for a little more context, although for account-specific information like this it may be more useful for you to contact our support through live chat, email, or callback. Please visit our help center and log in to your account to create a support request.

I hope that helps, let me know how you want to proceed!

All the best, Hyde.

Hyde | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
KetanKumar
Shopify Partner
18570 1954 6862

@shopwalkies 

i have update my css code but your theme doesn't work slider so please download fresh and check

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
0 Likes
avadipietro
Excursionist
25 0 5

Hello @KetanKumar !! I see you have tried to solve this issue couple of times.

On mobile, I need to show the image gallery as a slider. I have also made a custom change that hides the variants images from showing. They only show on the thumbnail when you click through swatches.

My store URL is: https://tylerandscobie.com/

I tried the CSS code but it didn't work. Please let me know if you have a solution to this, thanks!

0 Likes