# Mobile Web App doesn't take up whole screen

**URL:** https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686
**Category:** Questions about Thunkable X
**Created:** [August 31, 2024, 4:40am UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686 "2024-08-31T04:40:53Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)
#### Post date: [August 31, 2024, 4:40am UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/1 "2024-08-31T04:40:53Z")

</div>

![Screenshot 2024-08-31 at 12.39.07 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0fc5a96cf5f449deb08c790ba0db2b7684b168d8.jpeg)

I published my app as a mobile web app just to test out some things and why does it look like this? Why is it not filling out the entire screen? Will it look like this when I publish it to the app store as well?

---

<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: [September 2, 2024, 6:50pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/2 "2024-09-02T18:50:45Z")

</div>

Hello @jake-cohen  
Do you use Layout?

---

<div class="post-metadata">

### Author: ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)
#### Post date: [September 2, 2024, 8:09pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/3 "2024-09-02T20:09:16Z")

</div>

what do you mean? like the layout component? if so, yes I use the layout component in some areas in some screens.

---

<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: [September 2, 2024, 9:47pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/4 "2024-09-02T21:47:17Z")

</div>

Hi @jake-cohen  
Thank you for sharing more information

To make the Layout component cover the entire screen you will need to set the width 375px x 667px height and resize mode to stretch.

---

<div class="post-metadata">

### Author: ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)
#### Post date: [September 2, 2024, 11:33pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/5 "2024-09-02T23:33:47Z")

</div>

i know that but that is not my problem. the screen, as shown in the picture doesn’t take up the whole screen. it is not related to layouts because there are only in small areas and some screens don’t even have layouts and they don’t take up the whole 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: [September 3, 2024, 10:35am UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/6 "2024-09-03T10:35:20Z")

</div>

Hello @jake-cohen  
I think the issue is maybe related to the “Notch Area”.

You can remove the Area if you set the property " [Ignore Notch Area](https://docs.thunkable.com/settings/project-settings#ignore-notch-area)" to `true` on the app settings before you publish an update:  
 ![image - 2024-09-03T133223.986](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/8/18cf8e32d5b14837b333b79181dbf6c75023e6db.png)

---

<div class="post-metadata">

### Author: ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)
#### Post date: [September 3, 2024, 5:00pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/7 "2024-09-03T17:00:39Z")

</div>

Doesn’t work

---

<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: [September 3, 2024, 6:55pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/8 "2024-09-03T18:55:53Z")

</div>

Could you please share the specific project URL with us so we can investigate it further?

![](https://downloads.intercomcdn.com/i/o/759644115/d4a89684a0bda74ab75c59e6/Screenshot+2023-06-08+at+4.13.55+PM.png)

You could copy it from the top of your browser.

This way we could find the best solution for you.

---

<div class="post-metadata">

### Author: ![jake-cohen](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jake-cohen](https://community.thunkable.com/u/jake-cohen)
#### Post date: [September 3, 2024, 8:32pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/9 "2024-09-03T20:32:37Z")

</div>

I cannot share it publicly. Can I share it with u via discord?

---

<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: [September 4, 2024, 1:21pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/10 "2024-09-04T13:21:37Z")

</div>

Hello @jake-cohen  
You can send it to me as a personal message here:

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

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [December 3, 2024, 1:22pm UTC](https://community.thunkable.com/t/mobile-web-app-doesnt-take-up-whole-screen/3168686/11 "2024-12-03T13:22:03Z")

</div>

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