Home page looks weird on mobile

Mattya802 · January 28, 2018, 9:53pm

Hey All,

I couldn’t find this mentioned elsewhere, although I find it hard to believe nobody else has come across this. The home page looks different when viewing the mobile site - If on chrome and I choose show Desktop site, it looks normal but not every browser has that capability. I’m even having issues with it showing this way with Fully Kiosk Browser on a Amazon Fire 7, which I’ve read many others use. Also safari/chrome on the ipad too. Only device that doesn’t have the issue is my phone (Galaxy S6).

Is there some workaround for this? Or is the answer to just view desktop version? Why does it look different on mobile?

Running hass.io 0.60.

finity · January 28, 2018, 10:07pm

On android mine has the group cards just simply lined up top to bottom.

Is that what you are talking about or something else?

anon43302295 · January 28, 2018, 10:17pm

I think you are going to need to show us a couple of screenshots.

Mattya802 · January 28, 2018, 10:47pm

It’s grey instead of blue and white, the light toggles are transparent and the media players are missing the play/stop button (but clicking there still works).

Mattya802 · January 28, 2018, 10:48pm

I’ll try to get better screenshots later, this was just a quick picture of the ipad, which acts the same.

anon43302295 · January 28, 2018, 10:49pm

Yeah, that’s definitely not what the rest of us are getting. Have you cleared the cache on the affected devices?

Mattya802 · January 28, 2018, 11:08pm

Yes, but I’m getting it on brand new devices. Literally unboxed the fire 7 today.

Mattya802 · January 30, 2018, 1:12am

So, I think I might have found the answer. I run pi-hole over my entire LAN and disabling it temporarily appears to have resolved my issue. I’ll have to determine which domains I need to whitelist in order to avoid this issue with pihole running.