I have an iPad mounted to the wall running the Home Assistant app in kiosk mode, no header, no sidebar, no menu buttons. It has worked fine like that for the past 5 years.
After a recent HA update the entire dashboard has now moved down by 60 pixels and the bottom of the dashboard is off the bottom of the screen.
This extra top margin only appears on the iPad. Doesn’t seem to appear on iPhone or on PC.
The dashboard is using the default sections layout.
I’m looking for a way to move the dashboard back up by 60 pixels.
I know it is 60 pixels because I have already tried using card mod to move it back up but I can only find ways to do that on the cards themselves not the entire dashboard.
I can line the cards back up by moving them all up by 60 pixels using card mod. The problem with this way is that all the cards have background images and moving the cards up messes up each cards background (about the bottom third of the background disappears from the card).
Is there a way to move the entire dashboard back up by 60 pixels?
Is there a better way to fix this?
Any ideas?
I’ve already tried adding the below code to fix the background images:
background-position: top 60px !important;
That did nothing to fix the backgrounds.
I’ve also tried adding a 60 pixel high transparent strip to the top of the background PNGs to make the actual background image appear in the correct place, that didn’t work either.
Hi @Mark_2,
Could you take some screenshots of that padding to see where is located? Maybe I can help you identifying from which place that margin is coming from.
Regards
You can see over there it was suspected that ‘Kiosk Mode’ was causing the issue but even after removing ‘Kiosk Mode’ the issue remains, the padding is just above the HA menu instead of over the dashboard itself.
As that padding doesn’t appear on any other device I have to assume that it’s an issue with the Home Assistant iPadOS app. Possibly also only on older iPads?
Did you try without kiosk-mode enabled? If it is the safe area, that variable should affect what is seen in the screenshot in which you have kiosk-mode disabled.
Hi @Mark_2,
I think that this is your same issue. If that is the case, setting up the variable that I gave you before should remove the safe area also if kiosk-mode is enabled.
Regards
BUT if I change the backround wallpaper in the same theme from my custom one:
background-image: "left top repeat fixed url('/local/ios-themes/marks-blur-wallpaper.jpg')"
To:
background-image: "left top repeat fixed url('/local/ios-themes/homekit-bg-dark-green.jpg')"
Then that does change the background wallpaper.
Not sure why the sidebar-background-color is not updating with the theme. I guess something else is overriding it? I am guessing the same is happening with the app-safe-area-inset-top.
By the way, I have also now updated to Kiosk Mode v.13.1.0 and that hasn’t changed anything either.
[UPDATE: Nevermind, ignore my comments above. For some reason it has just fixed itself. I can only guess that the iPad was caching something and changes didn’t take effect straight away but after leaving it for a few hours I have just refreshed it and the top margin has now gone. So it is fixed but I’m not entirely sure what part fixed it.]
Hi. I am facing the same issue running a dashboard on an iPad mini 4 with iOS 15.8.7. The issue only appears on the iPad, not on other devices (i.e. notebook, phone). Just as mentioned by @Mark_2 the problem cannot be related to the usage of a theme or kiosk-mode (I do not have a particular theme and when disabling kiosk-mode, the issue persists). Any help is very much appreciated.