# What's the easiest way to change my bg color on larger viewports?

**URL:** <https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027>\
**Category:** Ask for Help\
**Created:** [November 24, 2021, 7:51pm UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027 "2021-11-24T19:51:10Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Malcolm\_Lewis](https://avatars.discourse-cdn.com/v4/letter/m/5f9b8f/32.png) [@Malcolm\_Lewis](https://community.glideapps.com/u/Malcolm_Lewis)\
**Post date:** [November 24, 2021, 7:51pm UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/1 "2021-11-24T19:51:10Z")

</div>

See below. Lots of gray background.

Can I change it without custom CSS?

I’d also like the hamburger menu to be left-aligned with my content area vs hidden away in the far left corner.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/0/e06cc0da5b0b4128e85c3463e7c1b8384214b6e1.jpeg)

---

<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:** [November 25, 2021, 12:03am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/2 "2021-11-25T00:03:05Z")

</div>

> [@Malcolm\_Lewis](#):
>
> Can I change it without custom CSS?

No, you can’t. I think I saw people trying to put a background on desktops before, but your image must be well constructed so it does not look weird.

> [@Malcolm\_Lewis](#):
>
> I’d also like the hamburger menu to be left-aligned with my content area vs hidden away in the far left corner.

This will require coding for both the hamburger icon and the flyout, I think it’s too risky to touch that part. You would also have to do that for all details screen, so it’s not easy.

---

<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:** [November 25, 2021, 1:48am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/3 "2021-11-25T01:48:19Z")

</div>

you can do that in the pro app, using an inline list to fill up the left panel, or use a few simple CSS tricks to create a 3-panel desktop view like you can see in [Code BOOK](https://code-book.glideapp.io/)

 ![Screen Shot 2021-11-12 at 7.31.00 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/6/f6ac9e237f0af5089b511ce277802210300f5a5e.jpeg)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 25, 2021, 2:57am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/4 "2021-11-25T02:57:13Z")

</div>

> [@Uzo](#):
>
> CSS tricks to create a 3-panel desktop view like you can see in [Code BOOK](https://code-book.glideapp.io/)

Hi Uzo, I didn’t find this part. Would you please include the deep link?

---

<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:** [November 25, 2021, 3:01am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/5 "2021-11-25T03:01:59Z")

</div>

to see this screen you have to open code book on your desktop, I have mobile detection YC column there that will change the view according to your device, I am using the same trick for my [Template Market](https://templates-market-sa.glideapp.io/full)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 25, 2021, 3:26am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/6 "2021-11-25T03:26:10Z")

</div>

I am on the desktop. I mean how do you make the app layout into three panels

---

<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:** [November 25, 2021, 3:34am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/7 "2021-11-25T03:34:46Z")

</div>

what I do is to CSS the center panel margins for n components, then separately for left and right panel

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 25, 2021, 3:38am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/8 "2021-11-25T03:38:41Z")

</div>

I am got it. Thank you

---

<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:** [November 25, 2021, 3:39am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/9 "2021-11-25T03:39:11Z")

</div>

```auto
<pre><span><style> 
div[id*='screenScrollView'] > div > :nth-of-type(-n+10){ 
position: relative;
top: -6vh;
margin-left:28%;
margin-right:12%;

}

```

---

<div class="post-metadata">

**Author:** ![MIKAHEL](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mikahel/32/25039_2.png) [@MIKAHEL](https://community.glideapps.com/u/MIKAHEL)\
**Post date:** [November 25, 2021, 9:33am UTC](https://community.glideapps.com/t/whats-the-easiest-way-to-change-my-bg-color-on-larger-viewports/35027/10 "2021-11-25T09:33:39Z")

</div>

C’mon @ThinhDinh there is always a solution:

 ![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/2/42b139dd4f1e4ab303b0b5502cb58c46bb02ea65.jpeg)  
🤭