Create a Sticky Bottom Navigation Bar in Home Assistant

Опубликовано: 11 Май 2025
на канале: My Smart Home
13,313
192

When creating a mobile first dashboard in Home Assistant I find it really unintuitive to have the navigation at the top. I usually create my dashboard with multiple sub pages so having a user friendly navigation is a must.
In this video I will show you how to create a navigation bar in Home Assistant and stick it to the bottom.

Get the code on Gumroad:
https://mysmarthome.gumroad.com/l/uztspo

Support the channel:
https://www.buymeacoffee.com/mysmarth...

It would be awesome if you could like, subscribe and comment.

Links:
Mushroom Cards: https://github.com/piitaya/lovelace-m...
Card Mod: https://github.com/thomasloven/lovela...
Kiosk Mode: https://github.com/maykar/kiosk-mode

In depth Kiosk Mode tutorial:    • Kiosk Mode in Home Assistant – How To...  

🕹️Some of the Tech I use:
Intel NUC for Home Assistant: https://amzn.to/4j2XPbH
Sonoff Motion Sensors: https://amzn.to/3DLmfpY
MOES scene switch: https://amzn.to/3BNE1Zf
Hue LED bulbs: https://amzn.to/3BXdpVD
Indoor AIR quality sensors: https://amzn.to/40n7lzb
Sonos ERA 100 speakers: https://amzn.to/404Ba63
Reolink Doorbell Camera: https://amzn.to/408VnrH
Google Coral: https://amzn.to/3Wb4feX
LED strips: https://amzn.to/4j7cpz6

#HomeAssistant #SmartHome #LovelaceUI #Dashboard #Tutorial

I use Elevenlabs to generate my voice over recordings. I do this because I don't have the equipment to record my own voice over. It also lets me be very flexible when creating and writing my videos.

ℹ️ AFFILIATE LINKS
If you make a purchase using the links I provide, I may earn a small commission at no additional cost to you.