Removing back/forward bar at the bottom of iOS PWA

So, to make my discourse instance more app-like on mobile, I am using the discourse tab bar for mobile theme component. However, at least on iOS, there is back/forward bar at the bottom that constantly obscures the view of the tab bar, rendering it very frustrating to use.

When you swipe up the tab bar appears:

When you swipe down the tab bar becomes obscured by the back/forward bar.

The tab bar is all I need; I have no need for back/forward support. Is there any way that I can disable it and get rid of it so there’s just the tab bar, like an app?

I believe you can hide it with using the .footer-nav CSS selector.

3 Likes