JustinG
(JustinG)
September 7, 2025, 5:32pm
2
Some work has been done on this, but you don’t say what device you are going to use, and I think the answer is still different depending on the device:
Especially users who have created their own page for a wall mounted device know these annoying bars which consumes precious space.
These bars are:
iPad’s top bar
Browser’s navigation bar
MainUI’s navigation bar
Furthermore users were asking on how to reduce the margin of a page and the space between blocks. As these details are spread all over this forum, here you have it in one location:
To start MainUI with an individual page from your device’s home screen:
create a manifest file follo…
The following code completely hides navigation bar of a page:
--f7-navbar-height: 0px
--f7-navbar-font-size: 0px
--f7-navbar-bg-color: transparent
--f7-navbar-border-color: transparent
--f7-navbar-link-color: transparent
--f7-navbar-text-color: transparent
this works fine for desktop or android based browsers but for any reason not on iOS. I mean not at all working. It does not change a single pixel…
Anybody knows why or what I need to differently?
I have also tried a…