# Navbar Buttons Cut Off After Orientation Change in iOS PWA (“Add to Home Screen”) **URL:** \ **Category:** Report a Bug\ **Tags:** glide-escalated\ **Created:** [January 25, 2026, 5:10pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135 "2026-01-25T17:10:28Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 25, 2026, 5:10pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/1 "2026-01-25T17:10:28Z")
Here’s the bug your AI generated. I’ve seen this bug reported numerous times in the past several years so I don’t have much hope it will be fixed, but figured I’d re-report anyway **Description:** When using my Glide app as a PWA via “Add to Home Screen” on iOS (tested on iOS 18 through iOS 26.2), the navigation bar buttons are cut off after switching from portrait to landscape and then back to portrait. The issue does **not** occur in Safari or Chrome browsers on iOS, and does **not** affect Android devices under any conditions. **Steps to Reproduce:** 1. Open the app on an iOS device via “Add to Home Screen.” 2. Start in portrait orientation. 3. Rotate the device to landscape (app switches to desktop form factor). 4. Rotate back to portrait (app switches back to phone form factor). 5. Observe that navbar buttons are visually truncated/cut off. **Temporary Solution:** Force-quitting and restarting the app restores the navbar, but this isn’t a reasonable action to expect of end users. **Additional Details:** - Issue occurs across multiple iOS versions (18 through 26.2). - Not reproducible in browsers on iOS or anywhere on Android. - The form factor switch triggers the rendering bug. ---
**Author:** ![comm\_support\_agent](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/comm_support_agent/32/84195_2.png) [@comm\_support\_agent](https://community.glideapps.com/u/comm_support_agent)\ **Post date:** [January 26, 2026, 10:05am UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/3 "2026-01-26T10:05:05Z")
We’ve tested this but cannot reproduce the behavior you’re describing. Can you please provide a screen recording and any other device-specific details about the device you’re testing with? Have you tried different devices? Do you have any magnification settings enabled on your device? ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 26, 2026, 1:23pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/4 "2026-01-26T13:23:10Z")
No magnification settings but I only tested on two iPhone SE phones (3rd gen) and an iPad Pro. The issue doesn’t occur on the iPad Pro (the navbar is always at the top on that device). If you tested on one of the newer iPhones that are all screen, then this bug may only affect smaller iPhones such as the SE. I can try to test on a larger screen phone tomorrow. I won’t have access to one until then. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [January 26, 2026, 1:31pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/5 "2026-01-26T13:31:52Z")
I tested this on my iPhone 14 Pro Max (26.2), and it works as expected. ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 26, 2026, 1:43pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/6 "2026-01-26T13:43:41Z")
Is your page/app public? If so I could test on there if you send me the link. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [January 26, 2026, 1:52pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/7 "2026-01-26T13:52:49Z")
I’m afraid not, sorry. ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 26, 2026, 2:23pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/8 "2026-01-26T14:23:50Z")
No problem. Can you go to mine? It’s public. [https://ratings.glide.page/](https://ratings.glide.page/) Switch to landscape mode and then back to portrait and tell me if the navbar buttons are cut off after switching back to portrait. Or if the amount of space under the icons changes at all, too. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [January 26, 2026, 2:28pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/9 "2026-01-26T14:28:45Z")
Just tested. Works as expected both in the browser (Safari) and after being installed. Can you share a screenshot of what you see? ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 26, 2026, 2:45pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/10 "2026-01-26T14:45:14Z")
Sure thing. Sounds like it’s limited to the smaller iPhones, perhaps just ones with a Home button? Here’s before and after changing to landscape mode and back to portrait. ![before](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/20610d96cc2ad79ef2eae36be899994cebcbd335.jpeg) ![after](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1fae11fa6e06fbefaf81c152977fac91be999124.jpeg) Thanks for the help. ---
**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:** [January 26, 2026, 2:45pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/11 "2026-01-26T14:45:32Z")
What happens if you disable the CSS that you are using in your header? ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 26, 2026, 2:55pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/12 "2026-01-26T14:55:34Z")
Just tried. No difference. ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 26, 2026, 3:02pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/13 "2026-01-26T15:02:31Z")
Also, for what it’s worth, I tried several CSS approaches to resolve the issue, but none worked of course. ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 27, 2026, 12:24pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/14 "2026-01-27T12:24:50Z")
Any ideas? ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [January 27, 2026, 6:08pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/15 "2026-01-27T18:08:00Z")
How about creating an entirely new app from scratch and creating 3 screens (no need to add data or anything else, it’s just for testing purposes): what happens when you test portrait \> landscape \> portrait ? If the icons appear as expected, maybe we can assume that the problem stems from the original app. If the icons do not appear, I think we can conclude the issue is not your app. It would either be Glide or your phone. ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [January 27, 2026, 6:23pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/16 "2026-01-27T18:23:36Z")
Done: > **[New App](https://testapp77.glide.page/)** Same issue. To be clear, it only happens after adding the app to the home screen and opening it from there. Oh, I already mentioned that I guess. Screenshot: ![Screenshot 2026-01-27 at 12.22.13 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/d/5d938904e7d94402aa5aa3f118e2fffb62304f34.jpeg) Since it happens on two phones, I doubt it’s “the phone”… but probably “the phone’s screen size”, since both phones have the same screen size (both are iPhone SE 3rd gen). ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [January 27, 2026, 6:49pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/17 "2026-01-27T18:49:59Z")
This seems to be a bug, and your workaround isn’t all that easy to implement (“Force-quitting and restarting the app restores the navbar”). For you this bug is quite unfortunate bug as it might affect your daily usage of the app. Hopefully it’s an edge case. Notifying Glide again so they can assess the severity of the bug. ---
**Author:** ![glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glide/32/53398_2.png) [@glide](https://community.glideapps.com/u/glide)\ **Post date:** [January 28, 2026, 1:07pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/22 "2026-01-28T13:07:14Z")
This thread has been escalated. Support will follow up via the Messenger in the Builder or through email. [Best practices when escalating issues to support](https://help.glideapps.com/en/articles/9324487-best-practices-when-asking-for-support) ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [March 4, 2026, 11:01pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/23 "2026-03-04T23:01:16Z")
Just FYI, I haven’t run into this issue lately. I wonder if something was fixed. @nathanaelb @glide ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [March 6, 2026, 7:07am UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/24 "2026-03-06T07:07:13Z")
This post was escalated a few weeks ago, so it is possible that the bug (if it was one) was addressed in the interim. ---
**Author:** ![squint](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/squint/32/84776_2.png) [@squint](https://community.glideapps.com/u/squint)\ **Post date:** [March 6, 2026, 12:11pm UTC](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135/26 "2026-03-06T12:11:17Z")
Yeah, someone from the team did get back to me at the time and basically said they weren’t planning to prioritize it because they had bigger issues to tackle. Looks like the issue is still happening after all. I forgot it required changing orientations. I was thinking it just happened when switching apps or something. I can live with it. [Next page](https://community.glideapps.com/t/navbar-buttons-cut-off-after-orientation-change-in-ios-pwa-add-to-home-screen/86135.md?page=2)