# Difference in app in browser than on phone

**URL:** https://community.glideapps.com/t/difference-in-app-in-browser-than-on-phone/72779
**Category:** Ask for Help
**Created:** [April 21, 2024, 9:55pm UTC](https://community.glideapps.com/t/difference-in-app-in-browser-than-on-phone/72779 "2024-04-21T21:55:35Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Gary\_Biagioni](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gary_biagioni/32/4201_2.png) [@Gary\_Biagioni](https://community.glideapps.com/u/Gary_Biagioni)
#### Post date: [April 21, 2024, 9:55pm UTC](https://community.glideapps.com/t/difference-in-app-in-browser-than-on-phone/72779/1 "2024-04-21T21:55:35Z")

</div>

I have a pages app that works well when I use it on a narrow window but gets confusing to use in a wide mode. First this is my Appearance setup

 ![appearance](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/b/eb5efe579d10caadfa93af42b72ae4e3e4b7a7e0.jpeg)

When I run it in a narrow window in my Safari browser it looks like this

 ![Untitled](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/9/5999d51776df074955806dc36519c3525ef99ee2.png)

This looks and operates just like my phone, as long as we use the white back arrow.

In a wide browser it looks like this

 ![Untitled](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e279a7746139414e47a751c26606bc9200bddaac.jpeg)

Notice the Title is now gone at the top as well as the white arrow (go back) at the top.

So when my users run this on a computer browser they now start to use the browser back button to go back which pretty much screws things up. Is there an easy way to fix this? Maybe I can put some parameters on the app link that makes the window get narrow? I have tried different settings in the appearance settings, did not help. Anything else I can try.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [April 21, 2024, 11:42pm UTC](https://community.glideapps.com/t/difference-in-app-in-browser-than-on-phone/72779/2 "2024-04-21T23:42:18Z")

</div>

You can add a breadcrumb component at the top. I think that’s the general consensus for it to work both on large and small screens. Breadcrumbs won’t show on small screens.

---

<div class="post-metadata">

### Author: ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)
#### Post date: [April 22, 2024, 1:17am UTC](https://community.glideapps.com/t/difference-in-app-in-browser-than-on-phone/72779/3 "2024-04-22T01:17:46Z")

</div>

I’ve been dealing with this challenge myself this week… The workaround that I’m currently using is that I created some extra buttons specially for navigation. I chose the “minimal” appearance option so that it doesn’t change the look of the detail sheet too much.

I actually like it better than the breadcrumbs because it’s more visible so I think the user should feel less confused when navigating from page to page now.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/5/c57a8ac800529c1887dd261ad74b1fa4e1a6caec.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/3/830e2471e87042cfa3e856cc39d0d92852170c44.jpeg)

And if I want these buttons to only show up on a wider screen, I can use the device info column and set visibility conditions according to screen width. _At first this was the plan but I ended up liking the buttons on the narrow screens too. 🙂_

I’m actually using both the breadcrumbs and these navigation buttons on the app but i hardly touch the breadcrumbs because they aren’t very noticeable.