Home Assistant Community

How to display Lovelace UI differently on mobile phone and tablet respectively?

Tags: #<Tag:0x00007fcf4ac55ff0>

Hi all,

I would like to display Lovelace UI on both mobile phone and tablet respectively.

However, I would like to have tablet version display slightly different due to its larger width screen size.

Is there any way I could set such a way?

FYI. TileBoard do have a similar method for achieving this TileBoard Mobile Configuration.



Look at the custom-compact-header card


How to use this component to achieve this objective?

Currently I am using it for my top bar.


As others have stated. use Compact Custom Header. This will allow you to specify views for a specific platform or user.