Remove slideshow controls in supply theme

Highlighted
New Member
5 0 0

Hello

How can I remove slideshow controls and stop auto pausing on supply theme on mobile. I’ve managed to do it on desktop but on mobile the slideshow still pauses when scrolling past it and controls are still visible.

0 Likes
Highlighted
Shopify Partner
620 100 140

Hello @giveitalabel, share store link 

0 Likes
Highlighted
Shopify Partner
2292 502 650

Hey @giveitalabel 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

.flex-control-nav {display: none;}


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
0 Likes
Highlighted
New Member
5 0 0
Hello

Unfortunately this didn’t work. Store address is www.giveitalabel.com
0 Likes
Highlighted
Shopify Partner
880 130 147

@dmwwebartisan 's solution is correct, go to your theme.scss file and locate the following class: .flex-control-nav and add the display:none; property to it as I couldn't see this parameter on the live website which means it wasn't added where it should be. 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
1 Like
Highlighted
New Member
5 0 0

Ok I have added it as described. The issue is still occuring on mobile devices. When I scroll down the page, the slideshow stops. Is there another setting which controls this? 

Thank you for all your help so far it is greatly appreciated.

0 Likes
Highlighted
Shopify Partner
2292 502 650

Hey @giveitalabel,

Please share the mobile screenshot where you see the controls. I can help 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
0 Likes
Highlighted
New Member
5 0 0

Hello

Here is a screenshot. 

7C0AAC0A-73A9-4609-8940-D7955F8E96C0.jpeg

0 Likes
Highlighted
Shopify Partner
2292 502 650

Hey @giveitalabel,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

This will disable navigation control from mobile.

@media screen and (max-width: 480px){
.flex-direction-nav { display: none; }
}

  

As for the stop of the slider. Please check if any setting exists in the admin.

 

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
New Member
5 0 0

Hello

This has worked great but the slideshow still seems to be pausing when I scroll past it on mobile. I can't seem to see why. Does anyone know why this might be?

Thank you again for all your help

0 Likes