# Strange bar appears at top of screen

**URL:** https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303
**Category:** Questions about Thunkable X
**Created:** [June 23, 2021, 6:02am UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303 "2021-06-23T06:02:22Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Melle](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Melle](https://community.thunkable.com/u/Melle)
#### Post date: [June 23, 2021, 6:02am UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/1 "2021-06-23T06:02:22Z")

</div>

We recently updated our mobile responsive website, which we want to launch in a Thunkable X app.

Before, this displayed fine using the webviewer. But since the latest version, we are getting this strange green element to display on top. Which we don’t see in any other browser.

**![](https://lh6.googleusercontent.com/QOExxOdllf6zWGDyRwn1p090W5nJ8AbOC-vIo7i2fTzGrx23ioxaKDpi5EZL708d9KiPoqqdg5t0txGQ5BNeFkNnVDWWdvdBTkpDI2P53z8FJTN7d6ujKnyJJssYrIpxWAE3Lkg7)**

How do I troubleshoot this?

---

<div class="post-metadata">

### Author: ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)
#### Post date: [June 23, 2021, 10:36am UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/2 "2021-06-23T10:36:05Z")

</div>

Hi Melle,

Could you send me a message with a link to this project?

---

<div class="post-metadata">

### Author: ![Melle](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Melle](https://community.thunkable.com/u/Melle)
#### Post date: [June 23, 2021, 11:29am UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/3 "2021-06-23T11:29:24Z")

</div>

Hi Jane,

This is the link to the project:

- [Thunkable](https://x.thunkable.com/projects/5de923d3528d3cf7fd758ecf)

Note: This only shows in the application after installed on the phone.  
The preview on Thunkable website/editor doesn’t show this element.

Regards,  
Melle

---

<div class="post-metadata">

### Author: ![Melle](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Melle](https://community.thunkable.com/u/Melle)
#### Post date: [July 8, 2021, 1:04pm UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/4 "2021-07-08T13:04:19Z")

</div>

Hi Jane,

Any update on this? We are eager to release our application, but this strange issue is preventing us from going live 😇

---

<div class="post-metadata">

### Author: ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [July 30, 2021, 3:47pm UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/5 "2021-07-30T15:47:40Z")

</div>

I’m experiencing something similar…

Here’s a screenshot, this is the downloaded app from Thunkable

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/6/2682789412586891258d36130ad61de55dd7bf3d.png)  
Notice the white bar almost cuts into the status bar at the top of the phone.

Not sure what’s causing this, anyone else experienced this?

---

<div class="post-metadata">

### Author: ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)
#### Post date: [July 30, 2021, 9:41pm UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/6 "2021-07-30T21:41:30Z")

</div>

I searched before I posted this and didn’t find what I was looking for at first, but I have since found the answer to this.

> [@\[Solved\] Status bar color blending issue](https://community.thunkable.com/t/solved-status-bar-color-blending-issue/426070/118):
>
> Dear friends, Good news - the changes passed our internal tests and we deployed them to production. You can try it now. Here is the list of changes you might find it helpful. A new property Ignore Notch Area in the app setting A new property Notch Area Background Color in the app setting The Ignore Notch Area property enables you to remove the safe area view which we add to the app automatically. If you set this property to be true, the screen background color will extend to full screen an…

---

<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, 1:20pm UTC](https://community.thunkable.com/t/strange-bar-appears-at-top-of-screen/1359303/7 "2024-11-08T13:20:08Z")

</div>


