Kiosk mode is old and not maintened anymore, they are better ways to hide your header on mobile with card-mod for example.
If you are using a theme you can just add this at the end of your theme yaml, just edit the first line and you will have no header on mobile (only) anymore :
card-mod-theme: the_name_of_your_theme
card-mod-root-yaml: |
.: |
@media only screen and (max-width: 768px) {
.header {
display: none;
opacity: 0;
}
#view {
padding-top: 0 !important;
margin-top: 0 !important;
height: calc(100vh - env(safe-area-inset-top)) !important;
}
}
And to display the header just put your device in landscape mode or move to your computer.
It’s possible to hide it on all resolutions too like that, but add a button somewhere on your dashboard to navigate to your settings page, just in case:
card-mod-theme: the_name_of_your_theme
card-mod-root-yaml: |
.: |
.header {
display: none;
opacity: 0;
}
#view {
padding-top: 0 !important;
margin-top: 0 !important;
height: calc(100vh - env(safe-area-inset-top)) !important;
}