# Deck Swiper Card Alignment Issue

**URL:** <https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280>\
**Category:** Design\
**Created:** [August 21, 2021, 2:27pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280 "2021-08-21T14:27:23Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![wyttgrvs](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/wyttgrvs/32/10607_2.png) [@wyttgrvs](https://forum.adalo.com/u/wyttgrvs)\
**Post date:** [August 21, 2021, 2:27pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/1 "2021-08-21T14:27:24Z")

</div>

Hey guys!

I’m having an issue with the alignment of the cards in my deck swiper on certain screen sizes.

When my deck swiper loads, the first card is off center. When you swipe it off the screen, the rest of the cards re-align to the center. I’ll attach some screen shots below!

Has anyone else run into this issue? Any help is greatly appreciated!!

 ![First Card in Deck Swiper](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/3/34f6e34e581f4917f8d302101abf9493f8457ba4.png)  
 ![Second Card in Deck Swiper](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/7/7a4870b255d3ca0f7d2cdd85ae3d6fa0058504e8.png)

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [August 21, 2021, 4:27pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/2 "2021-08-21T16:27:22Z")

</div>

Hi Wyatt,

This looks like a bug. @yelkhayami is the developer of the component so he should be able to help. 🙂

---

<div class="post-metadata">

**Author:** ![yelkhayami](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/yelkhayami/32/6592_2.png) [@yelkhayami](https://forum.adalo.com/u/yelkhayami)\
**Post date:** [August 23, 2021, 4:31pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/3 "2021-08-23T16:31:18Z")

</div>

@wyttgrvs does that happen outside the previewer too?

---

<div class="post-metadata">

**Author:** ![wyttgrvs](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/wyttgrvs/32/10607_2.png) [@wyttgrvs](https://forum.adalo.com/u/wyttgrvs)\
**Post date:** [August 23, 2021, 4:59pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/4 "2021-08-23T16:59:01Z")

</div>

Hi! Yes, it happens in both the previewer on certain screen sizes and on my phone.

---

<div class="post-metadata">

**Author:** ![yelkhayami](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/yelkhayami/32/6592_2.png) [@yelkhayami](https://forum.adalo.com/u/yelkhayami)\
**Post date:** [August 23, 2021, 9:54pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/5 "2021-08-23T21:54:14Z")

</div>

interesting, and by ‘on your phone’ you mean by going to the url? Not installed as a native app right?

---

<div class="post-metadata">

**Author:** ![wyttgrvs](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/wyttgrvs/32/10607_2.png) [@wyttgrvs](https://forum.adalo.com/u/wyttgrvs)\
**Post date:** [August 23, 2021, 10:13pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/6 "2021-08-23T22:13:55Z")

</div>

Right. Regardless of browser, as well.

---

<div class="post-metadata">

**Author:** ![wyttgrvs](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/wyttgrvs/32/10607_2.png) [@wyttgrvs](https://forum.adalo.com/u/wyttgrvs)\
**Post date:** [August 25, 2021, 3:49pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/7 "2021-08-25T15:49:34Z")

</div>

Hey @yelkhayami  
Just wanted to see if anyone else had mentioned this issue. Is there anything I can do to help resolve it?  
Thanks!

---

<div class="post-metadata">

**Author:** ![aguyfromearth](https://avatars.discourse-cdn.com/v4/letter/a/f1d935/32.png) [@aguyfromearth](https://forum.adalo.com/u/aguyfromearth)\
**Post date:** [September 4, 2021, 6:29am UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/8 "2021-09-04T06:29:18Z")

</div>

Hello,  
I’m having the same issue. I have no native app yet but just as the same situation that is mentioned above.  
I tried everything but couldn’t make it align when the page is visited. Instead it’s being aligned when you start swiping. There must be sonething wrong with the calculations of screen sizes or smth. 🤷🏻‍♂️

---

<div class="post-metadata">

**Author:** ![bmceuen](https://avatars.discourse-cdn.com/v4/letter/b/aca169/32.png) [@bmceuen](https://forum.adalo.com/u/bmceuen)\
**Post date:** [September 15, 2021, 8:32pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/9 "2021-09-15T20:32:35Z")

</div>

I too am having this issue. Was just going to live with it, but perhaps a reply here will help with fixing the bug?

Let me know if I need to submit my screenshots to @yelkhayami to help debug it

---

<div class="post-metadata">

**Author:** ![Akau](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/akau/32/3583_2.png) [@Akau](https://forum.adalo.com/u/Akau)\
**Post date:** [October 17, 2021, 11:33am UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/10 "2021-10-17T11:33:51Z")

</div>

Hello I post this message because I already use the swiper deck and it worked very well.  
But now the deck doesn’t display anything, I just have the continuous loading icon on my preview.  
I uninstalled and reinstalled but nothing changes.  
someone had the same problem.

---

<div class="post-metadata">

**Author:** ![dyankristoper](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dyankristoper/32/12459_2.png) [@dyankristoper](https://forum.adalo.com/u/dyankristoper)\
**Post date:** [October 18, 2021, 12:55pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/11 "2021-10-18T12:55:39Z")

</div>

We have the same issue. Can we contact the developer here?

@yelkhayami Hello. Are you the developer of the Deck Swiper component?

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [October 18, 2021, 1:35pm UTC](https://forum.adalo.com/t/deck-swiper-card-alignment-issue/16280/12 "2021-10-18T13:35:43Z")

</div>

Hey Everyone,

@dyankristoper @Akau @bmceuen @wyttgrvs @aguyfromearth

I’ve contacted the developer and he said he’ll be working on a fix for it soon. 🙂
