Android bottom navigation bar overlaps

[JBS5]

Home Assistant Android app version(s):
2026.1.3-full

Android version(s):
16

Device model(s):
Samsung Galaxy S22

Home Assistant version:
2025.12.3

Last working Home Assistant release (if known):

Description of problem, include YAML if issue is related to notifications:

The Android bottom navigation bar overlaps the Home Assistant app, causing the lower part to be unreachable.

[jpelgrom]

This is expected behavior for 2026.1.3 of the app - your Home Assistant server is recent enough to support it and should have additional padding at the bottom of the page to account for this. Are you unable to scroll down?

[JBS5]

This is expected behavior for 2026.1.3 of the app - your Home Assistant server is recent enough to support it and should have additional padding at the bottom of the page to account for this. Are you unable to scroll down?

Ah. You are right. Only the page page with the navbar-card (https://github.com/joseluis9595/lovelace-navbar-card) does have this issue, so this needs to be fixed there I suppose.

Edit:

Fixed by adding de this CSS to the card.

.navbar {padding-bottom: 40px !important;}

[tobpet]

Same thing happens with bubble card.

[jpelgrom]

Fixed by adding de this CSS to the card.

.navbar {padding-bottom: 40px !important;}

That may work for your particular device, but you should use var(--safe-area-inset-bottom) in that case so it adjusts depending on the device.

[JBS5]

This is expected behavior for 2026.1.3 of the app - your Home Assistant server is recent enough to support it and should have additional padding at the bottom of the page to account for this. Are you unable to scroll down?

Fixed with the new version of the HA app (2026.1.5-full). No recent update of the navbar card. Custom CSS there is no longer necessary.

[TimoPtr]

Fixed with the new version of the HA app (2026.1.5-full). No recent update of the navbar card. Custom CSS there is no longer necessary.

We are going to bring it back so you'll need to make some adjustments still or open an issue on the frontend.

[JBS5]

Fixed with the new version of the HA app (2026.1.5-full). No recent update of the navbar card. Custom CSS there is no longer necessary.

We are going to bring it back so you'll need to make some adjustments still or open an issue on the frontend.

What do you mean? Revert the change in the HA app which fixed te issue with the navbar-card?

[TimoPtr]

Fixed with the new version of the HA app (2026.1.5-full). No recent update of the navbar card. Custom CSS there is no longer necessary.

We are going to bring it back so you'll need to make some adjustments still or open an issue on the frontend.

What do you mean? Revert the change in the HA app which fixed te issue with the navbar-card?

Yes it is called edge to edge.