Is there a way to keep phone display dimensions on PC Browser?

Hi guys,

So I love that glide apps/pages (designed for mobile) can also be opened on pc Browsers but I still want my preferred layout (mobile dimensions) to be visible when users open the app on their PCs.
Is there a way to select how the app is displayed on each device?

I feel like I need this because with the limited formatting options that glide has (maker plan), I’m unable to produce a sleek look for both sets of screen dimensions.


vs

See how the cute banner is no longer cute on the PC browser? lol

Use device info column to get window width. Add ite column… If window width is less than 500 then mobile else desktop.

Use the ite column to conditionally hide/ show components for mobile or desktop.

1 Like

ok, I will try it. The “ite” column?

If then else

1 Like

I tried this and it’s a great workaround. Thanks!
The issue now is that I’ve lost my banner on the larger screens… Ideally, I’d like to be able to keep the banner and display it at the same dimensions as the phone. Is this possible using ITE as well?

You need to make a second banner… one that looks nice on desktop. Then apply the ite column to show when ‘desktop’

Ok, I’ll do this if it’s the only way. Thanks a mil @Eric_Penn