# Viewport periodically goes black navigating on mobile

**URL:** <https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330>\
**Category:** Layouts\
**Created:** [June 7, 2022, 5:22pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330 "2022-06-07T17:22:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![brdhll](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/brdhll/32/265_2.png) [@brdhll](https://forum.readymag.com/u/brdhll)\
**Post date:** [June 7, 2022, 5:22pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/1 "2022-06-07T17:22:40Z")

</div>

Independent of any changes I make to the layout, my site sometimes goes totally black when navigating on mobile—but only after using the mobile menu. Scrolling will sometimes reactivate the page and it will reappear.

Link: [http://2player.studio](http://2player.studio)  
Device: iPhone 13  
Broswer: Chrome 102.0.5005.87

Wondering if this is a common issue and if there’s a fix.

---

<div class="post-metadata">

**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\
**Post date:** [June 17, 2022, 2:04pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/2 "2022-06-17T14:04:05Z")

</div>

Hi @brdhll are you still facing this issue?

---

<div class="post-metadata">

**Author:** ![brdhll](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/brdhll/32/265_2.png) [@brdhll](https://forum.readymag.com/u/brdhll)\
**Post date:** [June 17, 2022, 2:16pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/3 "2022-06-17T14:16:57Z")

</div>

I am, thanks for your reply. It only happens on mobile.

---

<div class="post-metadata">

**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\
**Post date:** [June 17, 2022, 2:44pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/4 "2022-06-17T14:44:17Z")

</div>

Not sure if it is good news, but I don’t seem to have any issues with it when browsing on my device only when I use the developer tools on Chrome desktop — I’m guessing it’s something when using the developer tools on Chrome to view mobile?

…also, awesome site! Try adding this to your project head to hide the white bar by setting it to your white colour #f2f2f2 or the yellow colour.

` <meta name="theme-color" content="#f2f2f2">`

 ![](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/6d35602349de39cd44ff88087505cb540dce2eae.jpeg)`

---

<div class="post-metadata">

**Author:** ![Gabriela\_Basta](https://avatars.discourse-cdn.com/v4/letter/g/a698b9/32.png) [@Gabriela\_Basta](https://forum.readymag.com/u/Gabriela_Basta)\
**Post date:** [March 14, 2023, 7:43pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/5 "2023-03-14T19:43:02Z")

</div>

Hello, have you perhaps been able to solve this problem? I’m facing the same issue now, only when using mobile version menu with “go to page” links (I have a long one-page). I would really love to hear your take on this!

---

<div class="post-metadata">

**Author:** ![brdhll](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/brdhll/32/265_2.png) [@brdhll](https://forum.readymag.com/u/brdhll)\
**Post date:** [May 14, 2023, 5:48am UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/6 "2023-05-14T05:48:57Z")

</div>

I have not yet solved this problem, and can’t figure it out. Only happens in Chrome on mobile.

---

<div class="post-metadata">

**Author:** ![Readymag](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/readymag/32/3_2.png) [@Readymag](https://forum.readymag.com/u/Readymag)\
**Post date:** [May 19, 2023, 12:01pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/7 "2023-05-19T12:01:50Z")

</div>

Hello! Please report this issue to our support team at [support@readymag.com](mailto:support@readymag.com).

---

<div class="post-metadata">

**Author:** ![dpmm](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/dpmm/32/3840_2.png) [@dpmm](https://forum.readymag.com/u/dpmm)\
**Post date:** [November 21, 2025, 2:56pm UTC](https://forum.readymag.com/t/viewport-periodically-goes-black-navigating-on-mobile/330/8 "2025-11-21T14:56:04Z")

</div>

this is disheartening to see this issue from over 3 years ago without a published solution (?)… I”m having a similar/related issue where my site goes completely black once it’s gets smaller than 768 in width. the mobile version of the site (when loading from developer view on desktop or directly from phones) is completely black/blank. Has anyone had any luck fixing this issue or any insight into what might be causing it? I’ve tried removing and replacing the widgets, there are not embedded codes, no videos… just some text and some animation.
