# Different pages for mobile and desktop

**URL:** https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517
**Category:** Ask for Help
**Created:** [September 8, 2021, 1:00am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517 "2021-09-08T01:00:10Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [September 8, 2021, 1:00am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/1 "2021-09-08T01:00:10Z")

</div>

Hey guys! I’d like to create two versions of a certain page, one for mobile and one for tablet / desktop, as some of the pages designed for phones looks really bad on the big screen. Is there any option to display a tab only if user agent is or is not desktop?

---

<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: [September 8, 2021, 1:20am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/2 "2021-09-08T01:20:49Z")

</div>

This thread might be worth looking at.

> [@Agent for information](https://community.glideapps.com/t/agent-for-information/29981):
>
> Hello, When troubleshooting a user, it can be helpful to know their system configuration. [image] Link for YC [https://Agent.manun2.repl.co](https://Agent.manun2.repl.co)

---

<div class="post-metadata">

### Author: ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)
#### Post date: [September 8, 2021, 4:41am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/3 "2021-09-08T04:41:55Z")

</div>

Hello,  
as it is not the first time that I see this type of request, I made a YC with just the detection of the desktop mode.

**EDIT**  
**Note that this detection only works on a real mobile, the rest of the time (editor or application simulation) the value will be true: Is Desktop!**

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/4/54fde658aafd0413ca22e20d190846d4a18d615e.png)

YC link  
[https://IsDesktop.manun2.repl.co](https://IsDesktop.manun2.repl.co)

Source

> **[IsDesktop](https://replit.com/@ManuN2/IsDesktop?v=1)**
>
> Public

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [September 8, 2021, 5:16am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/4 "2021-09-08T05:16:02Z")

</div>

@Manu.n can you also detect whether the screen is landscape or portrait?  
And the detection is live - eg if the users rotates the screen then it is detected

---

<div class="post-metadata">

### Author: ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)
#### Post date: [September 8, 2021, 5:44am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/5 "2021-09-08T05:44:12Z")

</div>

Hello @Krivo  
I don’t think so, because to my knowledge it is not yet possible to detect when the orientation changes.

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [September 8, 2021, 6:42am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/6 "2021-09-08T06:42:27Z")

</div>

I would suggest, to do % and max-width in px, and left-right margins and padding in %, also eliminate CSS rich texts components, by putting them out of the screen or hidden, so they don’t overlap elements

---

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [September 8, 2021, 8:34am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/7 "2021-09-08T08:34:55Z")

</div>

That’s great! It’s like the script is locally loaded for each user right? It doesn’t affect other users because it’s a column.

---

<div class="post-metadata">

### Author: ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)
#### Post date: [September 8, 2021, 8:36am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/8 "2021-09-08T08:36:32Z")

</div>

yes exact, it’s like the other calculated columns, the script is executed on the client side, so for each device

---

<div class="post-metadata">

### Author: ![shane.roach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shane.roach/32/37142_2.png) [@shane.roach](https://community.glideapps.com/u/shane.roach)
#### Post date: [December 27, 2022, 1:09am UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/9 "2022-12-27T01:09:52Z")

</div>

Outstandingly helpful. Thank you!

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/different-pages-for-mobile-and-desktop/31517/10 "2024-01-17T16:49:24Z")

</div>


