Built-in compact header not so compact 0.117

[sd_dracula]

So I removed the custom compact header integration and updated to 0.117 which says it has it built in now.
However, it is not as compact and is messing up the view on all my HA wall mounted tablets.

The old version used to make the height the same as the icons which was perfect.

Can I customize that somehow because I cannot see any options for it

[KCYeoh (Yeoh)]

Yes, you can customize the height through configuration.yaml. Check out this link: https://khaz.me/easily-change-the-height-of-your-home-assistant-header/

[sd_dracula]

Sweet. That’s exactly what I need
Will try it out now, thanks

[GeertV (Geert Verstrepen)]

I use the deafukt theme in Dark mode.
But when I apply this, I loose the dark mode…
Something wrong ?

[Aephir]

I’m having difficulty getting this to work with the HACS themes set up this. Anyone know what the proper way to do this is?

[pepe59]

Look here

Card-mod - Super-charge your themes!

Thank you the header has moved well down. Another problem is scrolling down when switching tabs. Drag up on the touch screen or the mouse on the monitor to move the tabs up, but switch to another tab again to jump down. After refreshing the page. Bottom [spodni ok] After refreshing the page. Upper part [vrch ok] After switching to another screen [po prepnuti] Upper part [vrch spatny] More screens. Example of a development tool [ostatni karty]

[Aephir]

Thanks, but that’s still adding header-height manually to each theme, right?

I’m using HACS themes, so the syntax recommended is:

frontend:
    themes: !include_dir_merge_named /config/themes/

It looks to me like I would have to add header-height in each themes .yaml file (which will then disappear each time they’re updated). In the link to the guide (https://khaz.me/easily-change-the-height-of-your-home-assistant-header/), it says that “You can change it for your default theme so that its smaller in both the default theme and also any custom themes you have.”. I was hoping for something like this, where you would set it once, and it would (1) be applied to all themes and (2) would be persistent so you wouldn’t have to add it back each time a HACS theme is updated. Has anyone found a way to make this happen?

[pepe59]

I made a copy of the topic where I made the edit.
I have the original theme updated. If something doesn’t work on my topic, I’ll compare the original and edit it if necessary.

[Aephir]

Sorry @pepe59, I’m not really sure what you mean. Couldn’t see anything in that thread, except adding header-height' on a "per-theme" basis. If you have it set up as a general modification applied to all themes, could you share your .yaml` where you have:

frontend: 
    themes:
        default:
            header-height: 44px

combined with:

frontend: 
    themes: !include_dir_merge_named /config/themes/

[tobi-bo]

I use this component for my wall mounted tablet:

maykar/kiosk-mode

Its easy to use and works well for me.

[aleer]

For those who are struggling, I had to restart home assistant to get it working.