Hey guys,
I have just recently made the leap from the Basic UI to the Main UI and man isn’t the Main UI beautiful! I use the overview page and the locations tab all the time.
My question today is about the overview page (or any other page that you create for that matter). I am somewhat happy with the way it looks on Desktop but I’m struggling to get it to look acceptable on mobile.
Do any of you have advice on how to get it so the labels aren’t cut off etc.?
Mobile:
Desktop:
When you open the page to edit it click on the icon to edit the configuration of each widget and choose “Column Options”.
There you can choose what percentage each widget takes up in the row for different sized screens.
I have a “three widgets per row” thing going on my overview page so I use this:
On all screens smaller than XL (>= 1200 px) each widget takes up the whole row rather than trying to squeeze them all on the same row on a small screen. On XL sized screens, each widget takes up a third of the row so I end up with three widgets across.
Use values that make sense for you.
Thanks! That worked perfectly.
