Hide toolbar and address bar in safari iOS

Custom code
1

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?

2

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.