Remove slideshow controls in supply theme

giveitalabel
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
Wahab_Ahmad
Shopify Partner
698 110 163

Hello @giveitalabel, share store link 

0 Likes
dmwwebartisan
Shopify Partner
5818 1330 1706

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
giveitalabel
New Member
5 0 0
Hello

Unfortunately this didn’t work. Store address is www.giveitalabel.com
0 Likes
JHKCreate
Shopify Partner
2499 411 595

@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
giveitalabel
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
dmwwebartisan
Shopify Partner
5818 1330 1706

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
giveitalabel
New Member
5 0 0

Hello

Here is a screenshot. 

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

0 Likes
dmwwebartisan
Shopify Partner
5818 1330 1706

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
giveitalabel
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