# Make menu into left sidebar

**URL:** https://forums.knack.com/t/make-menu-into-left-sidebar/10216
**Category:** Show & Tell
**Created:** [November 22, 2015, 4:38am UTC](https://forums.knack.com/t/make-menu-into-left-sidebar/10216 "2015-11-22T04:38:57Z")
**Posts on this page:** 5
**Page:** 2

<div class="post-metadata">

### Author: ![JoshCamero54273](https://avatars.discourse-cdn.com/v4/letter/j/eb8c5e/32.png) [@JoshCamero54273](https://forums.knack.com/u/JoshCamero54273)
#### Post date: [February 5, 2016, 4:50pm UTC](https://forums.knack.com/t/make-menu-into-left-sidebar/10216/21 "2016-02-05T16:50:36Z")

</div>

I love the layout, but the problem is with the mobile view. &nbsp;The bar flips to the right and then is to wide. &nbsp;Anyone have a solution to this?

---

<div class="post-metadata">

### Author: ![JeffZearfo11770](https://avatars.discourse-cdn.com/v4/letter/j/aca169/32.png) [@JeffZearfo11770](https://forums.knack.com/u/JeffZearfo11770)
#### Post date: [December 20, 2015, 8:58pm UTC](https://forums.knack.com/t/make-menu-into-left-sidebar/10216/22 "2015-12-20T20:58:05Z")

</div>

Hi All,

To fix the issue of the changes being applied to printouts, try adjusting the following in the CSS:&nbsp;

&nbsp;

```
@media only screen {
  /* Doc setup */
  html {height: 100%}
  body {height: 100%}
  #knack-dist_1 {height: 100%; padding: 0 0 0 0; }

/\* Sidebar \*/  
#kn-app-menu {float: left; width: 180px; height: calc(100% - 60px); background-color: **ChangeThis** ;}  
#kn-app-menu \> ul \> li \> a {padding: 0 0 0 5px !Important; width: 175px;}  
.kn-scene {float: left; width: calc(100% - 180px); overflow-y: scroll;}  
}
```

&nbsp;

---

<div class="post-metadata">

### Author: ![Adam64345](https://avatars.discourse-cdn.com/v4/letter/a/71e660/32.png) [@Adam64345](https://forums.knack.com/u/Adam64345)
#### Post date: [October 28, 2021, 9:57pm UTC](https://forums.knack.com/t/make-menu-into-left-sidebar/10216/23 "2021-10-28T21:57:58Z")

</div>

Anyone using this notice that today’s changes have made it no longer work?? Can’t seem to find a work around!

---

<div class="post-metadata">

### Author: ![BradStevens](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/bradstevens/32/140_2.png) [@BradStevens](https://forums.knack.com/u/BradStevens)
#### Post date: [October 30, 2021, 5:48am UTC](https://forums.knack.com/t/make-menu-into-left-sidebar/10216/24 "2021-10-30T05:48:15Z")

</div>

Working again for us, what about you @Adam64345 ?

---

<div class="post-metadata">

### Author: ![Adam64345](https://avatars.discourse-cdn.com/v4/letter/a/71e660/32.png) [@Adam64345](https://forums.knack.com/u/Adam64345)
#### Post date: [November 1, 2021, 1:30am UTC](https://forums.knack.com/t/make-menu-into-left-sidebar/10216/25 "2021-11-01T01:30:46Z")

</div>

Yep! Working here. Thanks, all.

[Previous page](https://forums.knack.com/t/make-menu-into-left-sidebar/10216.md?page=1)