# How to delete space above Top Tab Navigator

**URL:** <https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581>\
**Category:** Questions about Thunkable X\
**Created:** [May 19, 2019, 9:23am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581 "2019-05-19T09:23:08Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adi\_Nugroho](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/adi_nugroho/32/8882_2.png) [@Adi\_Nugroho](https://community.thunkable.com/u/Adi_Nugroho)\
**Post date:** [May 19, 2019, 9:23am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/1 "2019-05-19T09:23:08Z")

</div>

Hi,  
I try to made my app with Top Tab Navigator, but i see some space above it. The question is, how to delete the space or maybe to fill it with logo or where the setting to edit that space?  
This is what shown in my app: [http://prntscr.com/nqh4ew](http://prntscr.com/nqh4ew)

Thanks…

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [May 19, 2019, 10:30am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/2 "2019-05-19T10:30:32Z")

</div>

That’s impossible to do it temporary 🙂

---

<div class="post-metadata">

**Author:** ![Pascal\_Meijer](https://avatars.discourse-cdn.com/v4/letter/p/9d8465/32.png) [@Pascal\_Meijer](https://community.thunkable.com/u/Pascal_Meijer)\
**Post date:** [May 19, 2019, 3:24pm UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/3 "2019-05-19T15:24:34Z")

</div>

I’ve solved this by setting the screen allignment from center to top and then the first item with a top offset of -20.

---

<div class="post-metadata">

**Author:** ![Adi\_Nugroho](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/adi_nugroho/32/8882_2.png) [@Adi\_Nugroho](https://community.thunkable.com/u/Adi_Nugroho)\
**Post date:** [May 20, 2019, 3:01am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/4 "2019-05-20T03:01:23Z")

</div>

I’ve tried it but the space still there. any other solution? Thanks btw…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 20, 2019, 7:01am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/5 "2019-05-20T07:01:44Z")

</div>

Set the property of the navigator “ShowIcon” to false.

---

<div class="post-metadata">

**Author:** ![BlueWhaleYT](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bluewhaleyt/32/28437_2.png) [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)\
**Post date:** [May 20, 2019, 11:18am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/6 "2019-05-20T11:18:21Z")

</div>

Even if disabled the “ShowIcon” that’s still have a top of space. That’s not related I thought 🙂

---

<div class="post-metadata">

**Author:** ![IWS](https://avatars.discourse-cdn.com/v4/letter/i/50afbb/32.png) [@IWS](https://community.thunkable.com/u/IWS)\
**Post date:** [May 22, 2019, 1:05pm UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/7 "2019-05-22T13:05:22Z")

</div>

make sure you explicitly set the margin and padding to 0 for the top padding/spacing to disappear properly on android. it seems to ignore the grey, default 0’s that it starts with in those boxes. just one of the many bugs/nuances of thunkable that you have to workaround…

[![](https://i.imgur.com/CBTv3AX.png) ](https://i.imgur.com/CBTv3AX.png)

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [June 7, 2020, 2:13pm UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/8 "2020-06-07T14:13:01Z")

</div>

still have an issue

---

<div class="post-metadata">

**Author:** ![maxb](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/maxb/32/35200_2.png) [@maxb](https://community.thunkable.com/u/maxb)\
**Post date:** [June 8, 2020, 8:56am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/9 "2020-06-08T08:56:11Z")

</div>

This worked for me (on android, haven’t checked on iPhone)  
Thanks!  
Yes it’s very sad cause I would never thought something so explicit would be the actual cause of it

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [June 8, 2020, 12:18pm UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/10 "2020-06-08T12:18:05Z")

</div>

@kizzy is this on Android?

Have you changed any of the [Status Bar](https://docs.thunkable.com/screen#status-bar-theme) properties?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:27am UTC](https://community.thunkable.com/t/how-to-delete-space-above-top-tab-navigator/76581/11 "2024-11-08T11:27:44Z")

</div>


