# Its a web view app top and bottom mobile alignment for device navigator

**URL:** <https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933>\
**Category:** Questions about Thunkable X\
**Created:** [July 31, 2020, 10:03am UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933 "2020-07-31T10:03:10Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![thottiyilabhilashhd7](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/thottiyilabhilashhd7/32/77229_2.png) [@thottiyilabhilashhd7](https://community.thunkable.com/u/thottiyilabhilashhd7)\
**Post date:** [July 31, 2020, 10:03am UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/1 "2020-07-31T10:03:10Z")

</div>

How can set screen top padding adjust in all devices

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/e/8eb9253ea648c51df69b9941c877b6175f161841.jpeg)

---

<div class="post-metadata">

**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\
**Post date:** [July 31, 2020, 10:21am UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/2 "2020-07-31T10:21:12Z")

</div>

Adding padding to the screen - its an option in the screen properties can be changed from the design page. Is this what you meant or its related to the “Top Screen” navigator? You question is very brief, can’t really understand.

---

<div class="post-metadata">

**Author:** ![thottiyilabhilashhd7](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/thottiyilabhilashhd7/32/77229_2.png) [@thottiyilabhilashhd7](https://community.thunkable.com/u/thottiyilabhilashhd7)\
**Post date:** [July 31, 2020, 11:08am UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/3 "2020-07-31T11:08:35Z")

</div>

You know many phones have a line at the top with the symbol of mobile coverage and the symbol of the battery app view should be below that area. How can do this?

---

<div class="post-metadata">

**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\
**Post date:** [July 31, 2020, 11:55am UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/4 "2020-07-31T11:55:43Z")

</div>

Go to the respective screen properties, select “show status bar” to true.

---

<div class="post-metadata">

**Author:** ![thottiyilabhilashhd7](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/thottiyilabhilashhd7/32/77229_2.png) [@thottiyilabhilashhd7](https://community.thunkable.com/u/thottiyilabhilashhd7)\
**Post date:** [July 31, 2020, 12:28pm UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/5 "2020-07-31T12:28:25Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/4/442fdb14258c77efbee05c102c8861e52f20aaeb.jpeg)  
No have any changes in live test. Hope everything ok. Right?  
Anyway thsnk you sir

---

<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:** [July 31, 2020, 12:53pm UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/6 "2020-07-31T12:53:32Z")

</div>

> [@thottiyilabhilashhd7](#):
>
> No have any changes in live test.

You’ll have to open the app in Thunkable Live (or install it on your device) to see that status bar at the top of the screen.

---

<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, 12:26pm UTC](https://community.thunkable.com/t/its-a-web-view-app-top-and-bottom-mobile-alignment-for-device-navigator/712933/7 "2024-11-08T12:26:51Z")

</div>