# Some random space gets added into the layout

**URL:** <https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422>\
**Category:** Design\
**Created:** [August 5, 2022, 12:58pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422 "2022-08-05T12:58:32Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nitish](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nitish](https://forum.adalo.com/u/Nitish)\
**Post date:** [August 5, 2022, 12:58pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/1 "2022-08-05T12:58:32Z")

</div>

In my app, I have added a list with some condition, so that whenever user is using an older version of app, he’ll be notified that a new version is available. Hence, I want “App Update Available” banner to be placed above everything else as can be seen from the below screenshot :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/b/3/b319ea1cc996be824df4894eca3a6c8ebb59a4e6.png)

When I preview the app, some random white space gets added below the banner and disrupts the entire UI as show below (attaching screenshot for both cases, when banner is visible and banner is not visible)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/a/e/aeddf0ed8977c56e80eaa2e9cd4fbb78bbd183e3.png)

When I delete the banner, everything is working fine

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/4/4481bdeaa93f8347d8e3ecc14e738a4ca38b1add.png)

What can be the issue and how to solve it ?

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [August 6, 2022, 11:01am UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/2 "2022-08-06T11:01:39Z")

</div>

Hi @Nitish,

I believe this is caused by a combination of the elements, visibility conditions, and elements’ alignments (fixed to top / none).

I’ve made a quick example app for you: [https://previewer.adalo.com/c65fe95a-5da5-4361-b649-2b4c3dcbde98](https://previewer.adalo.com/c65fe95a-5da5-4361-b649-2b4c3dcbde98), is is cloneable. You can have a look and see how it works.

Best regards, Victor.

---

<div class="post-metadata">

**Author:** ![Nitish](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nitish](https://forum.adalo.com/u/Nitish)\
**Post date:** [August 6, 2022, 12:03pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/3 "2022-08-06T12:03:53Z")

</div>

Hey thanks for making that @Victor

I tried deleting everything, and remaking, but it still isn’t working

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/3/63daaa6ff0b6dac42c2d0dcc308cc5219c4dbc44.png)

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 6, 2022, 12:55pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/4 "2022-08-06T12:55:56Z")

</div>

Hi @Nitish,

Is it possible to share a clone version of your app to check this?

Thank you

---

<div class="post-metadata">

**Author:** ![Nitish](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nitish](https://forum.adalo.com/u/Nitish)\
**Post date:** [August 6, 2022, 2:58pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/5 "2022-08-06T14:58:23Z")

</div>

Yes @Dilon please share your id, will add you

---

<div class="post-metadata">

**Author:** ![Nitish](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nitish](https://forum.adalo.com/u/Nitish)\
**Post date:** [August 6, 2022, 3:07pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/6 "2022-08-06T15:07:26Z")

</div>

@Dilon I have sent an invite, please check

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 6, 2022, 4:32pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/7 "2022-08-06T16:32:00Z")

</div>

Check your app again! If you have opened it already give a refresh and check!

---

<div class="post-metadata">

**Author:** ![Nitish](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nitish](https://forum.adalo.com/u/Nitish)\
**Post date:** [August 6, 2022, 4:44pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/8 "2022-08-06T16:44:18Z")

</div>

Thanks @Dilon this worked.

One more additional doubt I had :  
When I load the app for first time, the banner is visible for a second and then it vanishes (whenever the condition is satisfied). Mostly it takes some time to validate the condition

Can this be improved ?  
The minor glitch of banner being visible, and then disappearing is a bit weird from UX standpoint

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 6, 2022, 5:03pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/9 "2022-08-06T17:03:46Z")

</div>

> [@Nitish](#):
>
> Thanks @Dilon this worked.

Awesome!

> [@Nitish](#):
>
> When I load the app for first time, the banner is visible for a second and then it vanishes (whenever the condition is satisfied). Mostly it takes some time to validate the condition

Maybe coming from another screen to this screen? I think Keith ( @iAppsNi ) did this in a app and maybe he could add some information about that? 🙂 I also saw this! Will do some tests about that!

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [August 7, 2022, 7:55am UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/10 "2022-08-07T07:55:05Z")

</div>

The app was cloneable so you could have examined the logic directly.

But I believe my help isn’t needed here anymore 🙂

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 7, 2022, 8:18am UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/11 "2022-08-07T08:18:23Z")

</div>

> [@Victor](#):
>
> But I believe my help isn’t needed here anymore 🙂

No Victor. It’s helpful! Learned a new thing yesterday from your app! Thanks for making that! Appreciated 💪

What I did to his app is setting that banner to none and group that banner and group below that banner and make that group to top. When the group below the banner is none it’s not working. I guess it’s because the banner is set to top.

---

<div class="post-metadata">

**Author:** ![Fr-Eudes](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/fr-eudes/32/20227_2.png) [@Fr-Eudes](https://forum.adalo.com/u/Fr-Eudes)\
**Post date:** [January 18, 2023, 3:42pm UTC](https://forum.adalo.com/t/some-random-space-gets-added-into-the-layout/30422/12 "2023-01-18T15:42:40Z")

</div>

Hi Nitish, I have the same problem. Could you tell how the issue was solved?
