Home Assistant Community

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

lovelace
Tags: #<Tag:0x00007fcf4ac55ff0>
#1

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.

Thanks.

#2

Look at the custom-compact-header card

#3

How to use this component to achieve this objective?

Currently I am using it for my top bar.

#4

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