Show different cards within the same view depending on device


I’m trying to figure out how to conditionally show one card if I’m on my iPhone or otherwise show a different card. Basically due to the sizing/styling of one card, which is different for Mobile vs Desktop, I’d like to only show the correct one.

  1. Custom Header - I first tried using Custom Header, which works, but requires that I create a whole new view that is only shown on mobile. This is ok, but I need to duplicate all the other cards in that view and constantly keep them in sync.

  2. Conditional Card / State-Switch - these looked promising but I’m not sure how/if it’s possible to use an entity to determine which device I’m currently accessing HA on?

Are there any other ways of accomplishing this?


1 Like

Should be possible with the state-switch deviceID, but not tested.

Doh, not sure how I missed that :man_facepalming:

Thx for pointing me in the right direction.