can't see header text in compact mode

[ktownsend-personal]

This thing is really nice!
Unfortunately I can't seem to find a way to show the header text when in compact mode unless I enable split mode, but I don't want split mode. Is it possible?

[github-actions]

Important:

Issues that don't provide the necessary information listed below may not get a reply and will be closed until the info is provided.

is the current version of Custom Header. Be sure that you are using the latest version by checking your browser's dev tools console (usually found by pressing F12). If this doesn't display the current version either clear your cache or reinstall.

If you haven't yet done so, please read the "Before Posting an Issue" section of the docs site.

Include as much of the following info as you can to help me replicate and investigate your issue:

• A copy/paste of your Custom Header config (found in "Raw Config Editor" or ui-lovelace.yaml).
  Use the tip at the end of this post to format it correctly.
• Any errors relevant to Custom Header found in the HA logs
• Any relevant errors found in your browsers dev console (F12)
• The version of Home Assistant and Custom Header you are using
• The browsers or apps that are affected (i.e. Firefox, Chrome, Chrome Mobile, iOS HA Companion app, etc.)
• Installation method (HACS or manual)

When pasting in your config always place 3 backticks ``` above the first line of your config and after the last line. Doing this will format it correctly so that I may find any formatting errors in your config.

[maykar]

One of the main things that makes compact mode compact is the fact that the header text is removed.

[ktownsend-personal]

Interesting. In my case there is more than enough width available for both the header text and the tabs in the same row, so it didn't occur to me that was by design to hide the header text in compact mode. Maybe that could be a future option?

[maykar]

Why not just use what you would have in the header text as the text for a tab or put the header text in a button's text like the option or menu buttons?

You could even make a fake tab by adding an empty lovelace view where ever you'd like the text to be and then make it unclickable:

custom_header:
  compact_mode: true
  tab_text:
    name_of_the_fake_view: 'Whatever text you want'
  tabs_css:
    name_of_the_fake_view: 'pointer-events: none;'

If you want it to be the first tab then you should also make the default tab the next tab over and you can even remove the auto capitalization with text-transform:none;:

custom_header:
  compact_mode: true
  default_tab: 1
  tab_text:
    name_of_the_fake_view: 'Whatever text you want'
  tabs_css:
    name_of_the_fake_view: 'pointer-events: none; text-transform:none;'

[ktownsend-personal]

Thanks for the suggested workaround. I'll give that a try.

[ktownsend-personal]

That worked great, thanks!