# Looping slider not working on Mobile

**URL:** <https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598>\
**Category:** Slider\
**Created:** [October 13, 2024, 5:56am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598 "2024-10-13T05:56:38Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 13, 2024, 5:56am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/1 "2024-10-13T05:56:38Z")

</div>

Hey team, my testimonial slider is working on desktop, but on mobile the initial slide is blank. If I then click the previous slide button, slides show, but if I click the next button the slides are blank. Links and screenshot below. Need this fixed quickly as thee page will launch this week. 🤞

Please see:  
[https://liberate-new-website.webflow.io/landing-test](https://liberate-new-website.webflow.io/landing-test)  
Read only:  
[https://preview.webflow.com/preview/liberate-new-website?utm\_medium=preview\_link&utm\_source=designer&utm\_content=liberate-new-website&preview=f3c9e1c9131b0d6f7052790aa50da1e3&pageId=6707954fd120fd8172cf7565&workflow=preview](https://preview.webflow.com/preview/liberate-new-website?utm_medium=preview_link&utm_source=designer&utm_content=liberate-new-website&preview=f3c9e1c9131b0d6f7052790aa50da1e3&pageId=6707954fd120fd8172cf7565&workflow=preview)

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/5/51dc50aeb2f0446de0ef10cf51d810e31d724937.png)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 14, 2024, 7:23pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/2 "2024-10-14T19:23:21Z")

</div>

Hey @hello6! I see the staging page is unpublished and the page on the project deleted. Are you still facing this issue?

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 15, 2024, 6:11am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/3 "2024-10-15T06:11:07Z")

</div>

Hey @Support-Luis ! Yes, sorry page was moved. It’s here now: [Liberate for Agency Owners](https://liberate-new-website.webflow.io/agency)

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 16, 2024, 11:23am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/4 "2024-10-16T11:23:21Z")

</div>

Hi @Support-Luis Can you have a quick look, thanks

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 17, 2024, 1:46pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/5 "2024-10-17T13:46:33Z")

</div>

Hey @Support-Luis, you seem to be the only Finsweet support person active these days. Client is happy to pay for the slider when we launch these pages, but I need it working. Hope you can help.

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 21, 2024, 2:36pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/6 "2024-10-21T14:36:58Z")

</div>

Hey @hello6! Apologies for the delay, I am checking your site as we speak.

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 21, 2024, 2:46pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/7 "2024-10-21T14:46:25Z")

</div>

@hello6, I’ve tested the site and the Loop seems to be working as expected. Have you modified anything to fix the bug?

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 21, 2024, 2:48pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/8 "2024-10-21T14:48:59Z")

</div>

Hey @Support-Luis , I’ve reimplemented to see if that would fix it and it did. The only issue now is that it doesn’t infinitely loop. When you get to the last slide, the next one appears blank

 ![Group 1566](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/6/6df1f8992d76445ab61d51875e4092e7abcb10e0.png)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 21, 2024, 3:35pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/9 "2024-10-21T15:35:16Z")

</div>

hey @hello6! I may have spotted the cause, let me do some more tests and get back to you. In the meantime, could you please share either some screenshots or a quick loom to see your configuration on the app?

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 22, 2024, 4:57am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/10 "2024-10-22T04:57:56Z")

</div>

Thanks @Support-Luis , here is a Loom of the App setup [Webflow - Liberate - 22 October 2024 | Loom](https://www.loom.com/share/3d133965e92c42aeb522ffacd8fb2b2f?sid=a2fd9738-f8c6-4bb2-aed4-1b540d3fda7f)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 22, 2024, 11:09pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/11 "2024-10-22T23:09:26Z")

</div>

Thank you @hello6! I’ve replicated the slider here with the looping working on mobile → [Loop Slider](https://slider-support-examples.webflow.io/loop-slider)

The only difference we seem to have is that I have set the slides per view to be 3 instead of 1.

 ![Screenshot 2024-10-23 at 00.08.57](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/7/76ce048ca43c612aeed78ebe724760e8bb8bcab8.png)

Can you test and let me know how it goes?

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 23, 2024, 8:28am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/12 "2024-10-23T08:28:04Z")

</div>

Hey @Support-Luis, not sure this is going to work for my use-case. Here is a video showing a fix. Although it would mean an update to the app. This would make it more powerful though.

https://www.loom.com/embed/8782df9329894b00ade1ae27d11c3411?sid=a39bf3ac-d6ff-40ce-9104-3dfdfad0ba20

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 23, 2024, 4:56pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/13 "2024-10-23T16:56:34Z")

</div>

Thanks @hello6! We won’t need to wait for an update on the app luckily. You can add these decimal points with the API!

Can you add this code to your site?

```js
<script>
  window.fsComponents = window.fsComponents || [];
  window.fsComponents.push([
    'slider',
    (sliderInstances) => {
      console.log('slider Successfully loaded!');

      // The callback passes a sliderInstances array with all the sliderInstance instances on the page.
      const [sliderInstance] = sliderInstances;

      sliderInstance.params.slidesPerView = 1.25; // modify as needed

      sliderInstance.update();
    },
  ]);
</script>

```

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [October 24, 2024, 10:20am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/14 "2024-10-24T10:20:42Z")

</div>

Thanks @Support-Luis, this works 😊

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [November 1, 2024, 3:25pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/15 "2024-11-01T15:25:56Z")

</div>

Hey @Support-Luis , further to the above. I now have a page with an additional slider. Can the script be adapted to only effect fs-slider-instance=testimonial-slider

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [November 1, 2024, 3:30pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/16 "2024-11-01T15:30:59Z")

</div>

Hey @hello6! Sure, we will just need to specify the instance of the slider to affect. At the moment it is set to the first slider on the page.

We can modify the selection if the testimonial-slider is not the first one on the page where you have the 2 sliders.

Please share a link to the page and I will check 😉

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [November 4, 2024, 5:58am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/17 "2024-11-04T05:58:24Z")

</div>

Hey @Support-Luis it’s “Home New” on [Webflow - Liberate](https://preview.webflow.com/preview/liberate-new-website?utm_medium=preview_link&utm_source=designer&utm_content=liberate-new-website&preview=f3c9e1c9131b0d6f7052790aa50da1e3&pageId=67248ea6595a271133b4bcd1&workflow=preview)

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [November 4, 2024, 10:57am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/18 "2024-11-04T10:57:43Z")

</div>

@Support-Luis Also my client purchased the slider (I can forward receipt if needed), but it’s not working on the live site. [Liberate for Agency Owners](https://www.liberateinc.com/agency)

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/2/250a67139744340b8294b05ed12c3c8d894e3cd8.png)

Was there something else they (or I) should have done?

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [November 4, 2024, 6:15pm UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/19 "2024-11-04T18:15:25Z")

</div>

Hey @hello6! They may have forgotten to link their domain to their subscription. Can you please tell them to go to [https://my.finsweet.com/subscriptions](https://my.finsweet.com/subscriptions) and add the URL to the subscription?

If they need any help please send me a DM and I can take a look 💪

---

<div class="post-metadata">

**Author:** ![hello6](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/hello6/32/540_2.png) [@hello6](https://forum.finsweet.com/u/hello6)\
**Post date:** [November 5, 2024, 6:31am UTC](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598/20 "2024-11-05T06:31:00Z")

</div>

Hey @Support-Luis , this is still an issue. I shared the page below as requested. Thanks!

[Next page](https://forum.finsweet.com/t/looping-slider-not-working-on-mobile/3598.md?page=2)