# How to make sidemenu scrollable along with the contents of the page?

**URL:** <https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750>\
**Category:** Ask us anything\
**Created:** [October 5, 2023, 3:58pm UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750 "2023-10-05T15:58:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![karthik](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@karthik](https://community.weweb.io/u/karthik)\
**Post date:** [October 5, 2023, 3:58pm UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/1 "2023-10-05T15:58:40Z")

</div>

There is no overflow option to be seen even after adding the max-height attribute how to make the sidemenu scrollable?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [October 5, 2023, 4:33pm UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/2 "2023-10-05T16:33:35Z")

</div>

Scrollable separately from the content or together with the content?

---

<div class="post-metadata">

**Author:** ![karthik](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@karthik](https://community.weweb.io/u/karthik)\
**Post date:** [October 6, 2023, 2:32am UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/3 "2023-10-06T02:32:35Z")

</div>

ideally together with the content but so far i couldn’t make it scroll eitherway @luka

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [October 6, 2023, 8:34am UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/4 "2023-10-06T08:34:17Z")

</div>

You shouldnt be using the sidemenu element then. you use a basic section

---

<div class="post-metadata">

**Author:** ![karthik](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@karthik](https://community.weweb.io/u/karthik)\
**Post date:** [October 7, 2023, 2:41am UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/5 "2023-10-07T02:41:12Z")

</div>

I currently have sidemenu,header,content as layouts. If i replace sidemenu with basic section i couldn’t exactly fit it like the sidemenu .

here is a sketch of my current layout:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e48724538e21bca67f1c43d83be9a0ca4b69b245.png)

If i change the sidemenu to section it doesnt appear as such im having a difficult time to deal with the layout. If i have to change it to section what are the layout elements/children structure that i should be having?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [October 9, 2023, 7:27am UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/6 "2023-10-09T07:27:34Z")

</div>

You should change it to a section to enjoy full capabilities of a SPA

You have a section sidemenu in the ‘+’ panel under ‘Layout’ along with the ‘Content’ section

---

<div class="post-metadata">

**Author:** ![karthik](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@karthik](https://community.weweb.io/u/karthik)\
**Post date:** [October 9, 2023, 9:55am UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/7 "2023-10-09T09:55:58Z")

</div>

I am currently using sidemenu under If I change sidemenu to this ‘section’. This section makes the page scrollable but It just pushes the ‘content’ layout down even after i modify the styling.  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e70125af13aa648725e291e30a6743f364f4dba1.png)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [October 9, 2023, 10:39am UTC](https://community.weweb.io/t/how-to-make-sidemenu-scrollable-along-with-the-contents-of-the-page/4750/8 "2023-10-09T10:39:43Z")

</div>

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/ff49556e1cbb9bf922518d5e6a39130710b3ce5c.png)  
You can use this one as a starting point