# Slides - sliding slides doesn't work

**URL:** <https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480>\
**Category:** ionic-v3\
**Created:** [April 22, 2017, 7:15pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480 "2017-04-22T19:15:05Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dimitri320](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dimitri320/32/116022_2.png) [@dimitri320](https://forum.ionicframework.com/u/dimitri320)\
**Post date:** [April 22, 2017, 7:15pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/1 "2017-04-22T19:15:05Z")

</div>

I’ve tried to implement Slides in my app, and horizontal sliding doesn’t work on the device. I’m testing on my iPhone. In a simulator it also doesn’t work, only works in the browser. When I set autoplay, then it works fine everywhere, but not manual sliding on the device. Any ideas what is going wrong?

```auto
  <ion-slides>
    <ion-slide class="slider">
        <h1>Slide 1</h1>
    </ion-slide>
    <ion-slide class="slider">
        <h1>Slide 2</h1>
    </ion-slide>
  </ion-slides>

```

---

<div class="post-metadata">

**Author:** ![LoLStats](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolstats/32/103165_2.png) [@LoLStats](https://forum.ionicframework.com/u/LoLStats)\
**Post date:** [April 22, 2017, 7:23pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/2 "2017-04-22T19:23:35Z")

</div>

It should look like that

```auto
<ion-content>

  <ion-slides pager>

    <ion-slide padding>
      <h3>Lorem ipsum...</h3>
    </ion-slide>

    <ion-slide padding>
      <h3>Lorem ipsum...</h3>
    </ion-slide>

  </ion-slides>

</ion-content>

```

Maybe you forgot the `ion-content` block? Or you do something wrong in your scss `slider` class

---

<div class="post-metadata">

**Author:** ![dimitri320](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dimitri320/32/116022_2.png) [@dimitri320](https://forum.ionicframework.com/u/dimitri320)\
**Post date:** [April 22, 2017, 7:36pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/3 "2017-04-22T19:36:24Z")

</div>

I have nothing in scss, and I have this exactly as you have. Still the slider doesn’t slide on my iPhone. It’s been killing me for the past 3 hours, don’t know what’s wrong…

---

<div class="post-metadata">

**Author:** ![LoLStats](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolstats/32/103165_2.png) [@LoLStats](https://forum.ionicframework.com/u/LoLStats)\
**Post date:** [April 22, 2017, 7:39pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/4 "2017-04-22T19:39:00Z")

</div>

Did you set any slider configs in your page.ts file?

Test it with a new generated plain page.

---

<div class="post-metadata">

**Author:** ![dimitri320](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dimitri320/32/116022_2.png) [@dimitri320](https://forum.ionicframework.com/u/dimitri320)\
**Post date:** [April 22, 2017, 7:40pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/5 "2017-04-22T19:40:47Z")

</div>

I got it!!! This is what broke it down, code below. Any ideas why???

```auto
  <ion-toolbar color="primary">
    <div class="location-selector-class">
      <div class="toolbar-icon"><i class="fa fa-globe" aria-hidden="true"></i></div>
      <div class="class">Select</div>
    </div>
  </ion-toolbar>

```

---

<div class="post-metadata">

**Author:** ![dimitri320](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dimitri320/32/116022_2.png) [@dimitri320](https://forum.ionicframework.com/u/dimitri320)\
**Post date:** [April 23, 2017, 11:38am UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/6 "2017-04-23T11:38:52Z")

</div>

It’s the `<ion-toolbar>` that causes the conflict!

---

<div class="post-metadata">

**Author:** ![mayank\_jain](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@mayank\_jain](https://forum.ionicframework.com/u/mayank_jain)\
**Post date:** [June 27, 2017, 11:17am UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/7 "2017-06-27T11:17:55Z")

</div>

Hey @dimitri320, Can you please take a look at [http://embed.plnkr.co/8v0nBm/](http://embed.plnkr.co/8v0nBm/) and tell me what is a miss… two sliders on two pages… when I navigate to the second, swipe stops working.

---

<div class="post-metadata">

**Author:** ![pschwindlingsr](https://avatars.discourse-cdn.com/v4/letter/p/a5b964/32.png) [@pschwindlingsr](https://forum.ionicframework.com/u/pschwindlingsr)\
**Post date:** [April 20, 2020, 9:07am UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/8 "2020-04-20T09:07:52Z")

</div>

Did you found the solution? Ran into the same error. which is kind of strange

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:01pm UTC](https://forum.ionicframework.com/t/slides-sliding-slides-doesnt-work/87480/9 "2021-07-19T21:01:11Z")

</div>

Closed on July 19, 2021, 9:01pm UTC