# How do I get Desktop to look like this, and mobile to look like this?

**URL:** <https://forum.adalo.com/t/how-do-i-get-desktop-to-look-like-this-and-mobile-to-look-like-this/9967>\
**Category:** Design\
**Created:** [March 5, 2021, 8:39am UTC](https://forum.adalo.com/t/how-do-i-get-desktop-to-look-like-this-and-mobile-to-look-like-this/9967 "2021-03-05T08:39:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![naossoan](https://avatars.discourse-cdn.com/v4/letter/n/a3d4f5/32.png) [@naossoan](https://forum.adalo.com/u/naossoan)\
**Post date:** [March 5, 2021, 8:39am UTC](https://forum.adalo.com/t/how-do-i-get-desktop-to-look-like-this-and-mobile-to-look-like-this/9967/1 "2021-03-05T08:39:57Z")

</div>

I just want it to look good on Desktop and Mobile browsers (can see how it looks on mobile through desktop browser dev console → mobile version)

I’m finding it impossible to do anything resembling this.

![desktop-small](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/6/6858d0bc7a33aa912fbf11ac7efbc251fb47526f.png)

![mobile-small](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/8/8d7526f7806020217d9e9a0d53feb07dfa568350.png)

---

<div class="post-metadata">

**Author:** ![Graham](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/graham/32/6788_2.png) [@Graham](https://forum.adalo.com/u/Graham)\
**Post date:** [March 8, 2021, 6:31am UTC](https://forum.adalo.com/t/how-do-i-get-desktop-to-look-like-this-and-mobile-to-look-like-this/9967/2 "2021-03-08T06:31:52Z")

</div>

To do this through Adalo I think you would need 2 different projects, and on your server redirect mobile users to the mobile version. You can share the same data collections between the 2 projects.

---

<div class="post-metadata">

**Author:** ![naossoan](https://avatars.discourse-cdn.com/v4/letter/n/a3d4f5/32.png) [@naossoan](https://forum.adalo.com/u/naossoan)\
**Post date:** [March 8, 2021, 11:39pm UTC](https://forum.adalo.com/t/how-do-i-get-desktop-to-look-like-this-and-mobile-to-look-like-this/9967/3 "2021-03-08T23:39:50Z")

</div>

Maybe I am not explaining what I mean accurately enough.

I don’t want to publish a “Mobile App” like, to the actual app store, I mean, as my final product is going to have in-app subscriptions and/or other fees, which is not possible to do when publishing an actual mobile app to iphone or android stores without them taking a huge portion of my revenue.

I want to make a Desktop web app that functions both on Desktop and on Mobile browsers.

It seems impossible to get elements to resize / shift at all when resizing the browser window.

---

<div class="post-metadata">

**Author:** ![PaigePalmer](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/paigepalmer/32/13857_2.png) [@PaigePalmer](https://forum.adalo.com/u/PaigePalmer)\
**Post date:** [December 21, 2021, 6:37am UTC](https://forum.adalo.com/t/how-do-i-get-desktop-to-look-like-this-and-mobile-to-look-like-this/9967/4 "2021-12-21T06:37:03Z")

</div>

Hi, Noassoan

I totally understand your problem . You mean to say that you want to create a mobile app that can be run on browser and also app at the same time,.  
So you have to create progressive web app . In this technology that your app look similar in app and also browser.