Buttons that change to icons for mobile?

Configuration Frontend
1

I’m putting together my Lovelace dashboard and currently have a sidebar with navigation buttons (text + icon) sat in a grid component.

I wondered if there is any way to have the buttons on the sidebar dynamically switch to just icons (no text) when the width is less than a given amount (I’m thinking mobile view)… as currently I end up with large buttons taking up most of the top part of the page.

Is there anything that can do this? - I currently use custom-button card, but happy to switch if there is something more suitable.

2

Not directly with button-card but with state-switch card you can display different cards based on a media-query which is what you want :slight_smile:

3

Brilliant, thanks for the tip - that looks like just what I need :smiley: