# Hide toolbar and address bar in safari iOS

**URL:** <https://forum.readymag.com/t/hide-toolbar-and-address-bar-in-safari-ios/4940>\
**Category:** Custom code\
**Created:** [May 26, 2025, 8:47am UTC](https://forum.readymag.com/t/hide-toolbar-and-address-bar-in-safari-ios/4940 "2025-05-26T08:47:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ale](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@ale](https://forum.readymag.com/u/ale)\
**Post date:** [May 26, 2025, 8:47am UTC](https://forum.readymag.com/t/hide-toolbar-and-address-bar-in-safari-ios/4940/1 "2025-05-26T08:47:31Z")

</div>

I’d like to know how I can make Safari’s address/search bar automatically hide on the mobile version of my website. I’ve noticed that it works when using the _“stack pages vertically”_ option, but I don’t want to use that setup — I want each page to be independent.

The issue is that when the site is configured with separate pages, the Safari bar doesn’t hide as expected. I’ve tried several code-based solutions, but none have worked so far.

Is there any way to achieve this behavior without stacking the pages vertically?

---

<div class="post-metadata">

**Author:** ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)\
**Post date:** [May 27, 2025, 4:21pm UTC](https://forum.readymag.com/t/hide-toolbar-and-address-bar-in-safari-ios/4940/2 "2025-05-27T16:21:21Z")

</div>

When you use the “stack pages vertically” option in Readymag, you’re essentially creating a long, scrollable page. Safari hides the address bar because it detects that the user is scrolling down on a single document. However, when each page is separate, every navigation triggers a full page reload or a transition, which resets the scroll context and keeps the Safari bar showing.

Unfortunately, I don’t think there’s a reliable code-only way to force this.