https://maykar.github.io/custom-header/#configuration/exceptions
i am adding in HA exceptions - device id ex. - aa2233bb-1122aass
i add mobile phone and tablet, dont work
Hi I noticed a bug I hope you can fix or perhaps there is way around it. I have created my own UI with 8 tabs, of which I want 6 to be visible on the header (footer mode). The other 2 I want invisible but accessible (I created rooms and added a back button at the top to go back to the first tab). The issue is: when I’m on the tab 7 and 8 (which are hidden from show_tabs) the screen scrolls back to the top after around 15-20 seconds. I have added ‘hidden_tab_redirect: false’ so I can visit them fine by using a navigate action service. But then I’m scrolling through my view, checking my cards and them BAM it scrolls back to the top of the page.
When I removed the tabs as hidden, it all worked fine (took me a while to figure out this was the issue). Is there a way this can be fixed? I want to access the tabs, I just don’t want them on the header…
This is my CH config btw (just in case)
custom_header:
hidden_tab_redirect: false
chevrons: false
compact_mode: true
exceptions:
- conditions:
user: User1
user_agent: Mobile
config:
show_tabs: '0,1,2,3,4,5'
- conditions:
user: User2
user_agent: Mobile
config:
show_tabs: '0,1,2,3,4,6'
disable_sidebar: true
all_tabs_css: 'width: calc(16vw - 3.6px) !important; padding: 0px !important;'
footer_mode: true
header_css: >-
padding-bottom: 30px !important; padding-left: 0px !important;
padding-right: 0px !important;
hide_config: true
indicator_top: true
menu_dropdown: true
options_hide: true
reverse_button_direction: true
hide_help: true
hide_unused: true
menu_hide: true
shadow: false
voice_hide: true
Is it possible to put a clock in the header when in compact mode? Wasn’t able to figure it out for myself, wondering if it’s possible.
Hi,
I don’t think this has been discussed before, apologies if it has.
I previosly used Custom Header to jump to a specific tab depending on certain conditions within home assistant.
With the new 107 dashboard option, I would really like to be able to choose the dashboard that is displayed depending on these seem sensors (template).
Is this something that is being developed?
Is there another way of achieving it?
Thanks,
Bruce.
Wanted to start this one off with a disclaimer: I’m very short on time ATM. I’m an essential worker at both of my jobs during this pandemic (work at multiple hospitals in IT), the wife is essential as well (yet another hospital), trying to finish up my coding bootcamp, and my kid’s school is closed (makes any uninterrupted free time a rarity and I still need leisure time myself 
). I appreciate any patience you can give as I realize that many of you have much more free time than usual to work on your setups and it can be frustrating when something isn’t working like you want. Thank you for the detailed bug reports and your support during these strange and difficult times.
@doktordoc Try using either a separate user login for those devices with a user condition or an user agent condition, if neither works please submit an issue on the github
@ASNNetworks Looking into it.
@Turbo4door Look into making a button’s text into a clock instead of header text
@BruceH5200 Currently there are no features for the new dashboards, but they’re in the works.
17 Likes
Hey man, I think we all thank you for this awesome addon.
Yes, it is important for many of us. BUT, it is far from being really essential.
So take care of your kids. Take care of your wife. Take care of yourself. And then take a rest of course 
And if some spare time will remain for HA we will be happy to see you here. If not, the world will not stop, not now Good luck.
7 Likes
Thank you so much for all the work you have done on this and the work you are doing in both of your jobs helping others. Family first!!
3 Likes
Hi,
The transparent background not working in footer mode. If “footer_mode: false” it’s look like
:
If footer_mode: true:
My config:
custom_header:
active_tab_color: yellow
all_buttons_color: white
background: transparent
clock_am_pm: false
clock_format: '24'
compact_mode: true
date_css: 'font-weight:200'
date_locale: hu-hu
editor_warnings: false
exceptions: []
footer_mode: true
header_css: 'border-bottom: 1px;'
hide_help: true
menu_dropdown: true
options: clock
swipe_amount: '50'
swipe_animate: swipe
swipe_prevent_default: true
time_css: 'font-size: 23pt;font-weight:300'
view_css: 'padding-top:75px;'
voice: hide
voice_dropdown: true
voice_hide: true
It’s a bug, or I miss something?
Thanks for your help!
1 Like
Hi
may I ask how do you place icons in the tabs instead of name?
You can do this without custum_header, it’s a feature from HA itself.
Look here: https://www.home-assistant.io/lovelace/dashboards-and-views/#icon
EDIT: Actually there is an error in the documentation for HA. The anchor for “icon” is wrongly used twice on that page. Click the link, you will see an explanation about “icon”, but that’s the wron one. Scroll down a bit, there you will see the second anchor for “icon”.
In short: you have to define an icon for your tab. If you’ve done that, HA uses the icon automatically. If no icon is defined, the title is shown.
Here is copy&paste from the doc:
If you define an icon the title will be used as a tool-tip.
Example
- title: Garden icon: mdi:flower
Sorry, because apparently I am asking in the wrong thread. last question otherwise I will open a new thread.
In the following, I get no picture, just blank (no name either). Can you show me yours tab please?
EDIT: it works with = mdi:flower
Thanks!
Hi,
On my smartphone (5.5" display), whenever my theme changes, the 5th view icon is partially blocked by an arrow. But there is clearly enough space to display everything without the need of this arrow.
This happens both on a browser and with the official android app.
Whenever this happens, I need to rotate my screen 90°, and then rotate it back so that the arrow disappears.
Is there a way to remedy to this issue ?
some screenshots to illustrate this minor bug :
Thanks !
1 Like
Hi guys! I love the CH as it helps to have a much more sleeker design! Great Job!
I saw that someone had issues in Footer Compact Mode with an iOS device. I have this issue too and wanted to ask if it’s fixed now. Alternatively an option to make the footer a little bit big would help too.
Thanks a lot
Maybe you can explain what kind of issues
For footer I use this CSS styling option. Change the ‘30px’ to a value you see fit.
tab_container_css: >-
padding-bottom: 30px !important;
Give this (see my footer):
2 Likes
Ah cool! Thanks. I´ll try that. And please show more screenshots from your Dashboard 
Edit: Worked! Thanks a lot!
1 Like
Is it possible to make the icon size from the custom header bigger? I think this look much better and also much smoother using on a mobile device.
Hi, I have tried to look through above but its a lot of comments/input on this great project! So feel free to point me to an answer if better.
I have a pretty simple installation of HA and just installed Custom Header. In the Examples in the github installation/conf help you can find this:
__
This will make the menu button display the date like this Wed. Dec. 25 2019 .
custom_header:
button_text:
menu: '{{ dayNameShort }}. {{ monthNameShort }}. {{ dayNum }} {{ year4d }}
and that is all fine but in my HA this example give no result because I dont think I see this Menu button at all. Where is it?
The example above this one (about the header text display) works perfect, no problems, but I have now spent hours trying to understand where this menu button is. Im probbaly stu… but anyhow…
It is a great solution!
Is there a way to put a virtual button to the header-bar?
To control some things (for example to control the conditional cards)
Thank you