# How do I deal with Safari's bottom bar?

**URL:** <https://phaser.discourse.group/t/how-do-i-deal-with-safaris-bottom-bar/9732>\
**Category:** Phaser 3\
**Created:** [June 4, 2021, 4:57pm UTC](https://phaser.discourse.group/t/how-do-i-deal-with-safaris-bottom-bar/9732 "2021-06-04T16:57:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![marcusx2](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/marcusx2/32/5259_2.png) [@marcusx2](https://phaser.discourse.group/u/marcusx2)\
**Post date:** [June 4, 2021, 4:57pm UTC](https://phaser.discourse.group/t/how-do-i-deal-with-safaris-bottom-bar/9732/1 "2021-06-04T16:57:14Z")

</div>

Safari’s [bottom bar](https://cdn.osxdaily.com/wp-content/uploads/2014/08/show-navigation-bar-safari-ios.png) hides part of my game’s UI. How can I make phaser take this bar into account to fit the game? Chrome on Android also has one, but the game takes it into account.

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [June 4, 2021, 5:42pm UTC](https://phaser.discourse.group/t/how-do-i-deal-with-safaris-bottom-bar/9732/2 "2021-06-04T17:42:59Z")

</div>

👋

I don’t know the details, but I think solutions usually involve either scrolling the viewport very slightly (hiding the UI bar) or detecting iOS Safari and then adjusting the bounds.