# Mobile view for iPhone 14 Pro Max

**URL:** <https://community.glideapps.com/t/mobile-view-for-iphone-14-pro-max/59386>\
**Category:** Report a Bug\
**Created:** [March 20, 2023, 7:36am UTC](https://community.glideapps.com/t/mobile-view-for-iphone-14-pro-max/59386 "2023-03-20T07:36:03Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 14, 2025, 11:35pm UTC](https://community.glideapps.com/t/mobile-view-for-iphone-14-pro-max/59386/11 "2025-02-14T23:35:51Z")

</div>

Device Width from the device info column is based on the builder window width while inside the builder. Probably best to preview the app in another window and reduce the size of that window to mobile size. I believe @Darren_Murphy has pointed out a few times that device width is not dynamic, so you will have to make sure the window is the correct size and then refresh the browser window to reload the app.

There is a CSS alternative that is dynamic, but I haven’t explored it personally.

> [@Trying to build a desktop version](https://community.glideapps.com/t/trying-to-build-a-desktop-version/79748/2):
>
> Assuming that you are on a paid plan, you can use CSS for this. This is what I use: @media only screen and (min-width: 640px) { .mobile { display: none; } } @media only screen and (max-width: 640px) { .desktop { display: none; } } When using the above, it’s a good idea to group your components in containers, and then apply the CSS class to the container, rather than individual components. I’m guessing that you are either not using containers, or not using them properly. Anyway, the ans…

---

_[View the full topic](https://community.glideapps.com/t/mobile-view-for-iphone-14-pro-max/59386)._
