Built-in compact header not so compact 0.117

Configuration
1

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.
image
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

2

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/

3 Likes
3

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

4

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

5

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?

6

Look here

7

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?

1 Like
8

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.

9

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/
10

I use this component for my wall mounted tablet:


Its easy to use and works well for me.
11

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