# How to avoid List to go under Bottom Navigation?

**URL:** <https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677>\
**Category:** Get Help\
**Created:** [July 21, 2023, 1:43pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677 "2023-07-21T13:43:02Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![paladinodeimari](https://avatars.discourse-cdn.com/v4/letter/p/839c29/32.png) [@paladinodeimari](https://forum.adalo.com/u/paladinodeimari)\
**Post date:** [July 21, 2023, 1:43pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677/1 "2023-07-21T13:43:02Z")

</div>

I setup my list to end before Bottom Navigation (see screen2) but it does (see screen1).  
What is the right way to solve this problem?  
Thank You  
Fabio

 ![screen02](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/d/2d04cdf92fdd8ad820f2d6ea1c5dcc0a90b84c83.jpeg)  
 ![screen01](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/b/cb84ee9e7710b9231c3b7815a3bf166fd22d20f7.jpeg)

---

<div class="post-metadata">

**Author:** ![enricomilani](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/enricomilani/32/30472_2.png) [@enricomilani](https://forum.adalo.com/u/enricomilani)\
**Post date:** [July 21, 2023, 2:51pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677/2 "2023-07-21T14:51:45Z")

</div>

Ciao Fabio,

The first screenshot you shared shows that the list object covers all the space down to the bottom action bar. This _doesn’t mean_ that the items in the list are “resized” to fit into this space, but rather that the list can occupy all the green-bordered space in your app’s screen and the list’s content “scrolls” into this space only. So if you have 4, 5, or more elements, the user will need to scroll down to see them, still seeing also the elements above and below the space designated for the list.

So it’s the expected behavior.

If you want to avoid scrolling, you’d need to look into resizing the base component.  
Also consider that the final result might depend on the target device’s screen resolution.

Hope this helps,  
Enrico

---

<div class="post-metadata">

**Author:** ![paladinodeimari](https://avatars.discourse-cdn.com/v4/letter/p/839c29/32.png) [@paladinodeimari](https://forum.adalo.com/u/paladinodeimari)\
**Post date:** [July 21, 2023, 4:18pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677/3 "2023-07-21T16:18:25Z")

</div>

Grazie Enrico.

I realized I forgot a thing in my previous text.  
In screen 2 I scrolled down untill the last element of the list. This element is partially covered by the Bottom Navigation. This is what I would like to fix: I would like that when I scroll untill the end of the List, the last element is not covered by the Bottom Navigation.

> [@enricomilani](#):
>
> This _doesn’t mean_ that the items in the list are “resized” to fit into this space, but rather that the list can occupy all the green-bordered space in your app’s screen and the list’s content “scrolls” into this space only.

So if I understood, the only way to avoid that **the last** element of the List is covered by the Bottom Navigation is to not use Bottom Navigation in this layout.

---

<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:** [July 21, 2023, 4:37pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677/4 "2023-07-21T16:37:39Z")

</div>

Hi @paladinodeimari,

Welcome to the community 🥳

So in the preview if you scroll the screen it stops at like in the 2nd screenshot? Could you drag the screen a bit down and put a rectangle between the list and bottom bar? And make the rectangle transparent too!

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

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

Thank you

---

<div class="post-metadata">

**Author:** ![paladinodeimari](https://avatars.discourse-cdn.com/v4/letter/p/839c29/32.png) [@paladinodeimari](https://forum.adalo.com/u/paladinodeimari)\
**Post date:** [July 21, 2023, 4:46pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677/5 "2023-07-21T16:46:38Z")

</div>

Thank You

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [July 31, 2023, 4:47pm UTC](https://forum.adalo.com/t/how-to-avoid-list-to-go-under-bottom-navigation/40677/6 "2023-07-31T16:47:06Z")

</div>

Closed on July 31, 2023, 4:47pm UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.