# Create a simple layout with scrollable article area

**URL:** <https://forum.bricksbuilder.io/t/create-a-simple-layout-with-scrollable-article-area/18713>\
**Category:** How To\
**Tags:** container, templates\
**Created:** [January 13, 2024, 1:05pm UTC](https://forum.bricksbuilder.io/t/create-a-simple-layout-with-scrollable-article-area/18713 "2024-01-13T13:05:33Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![bitbonk](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/bitbonk/32/15788_2.png) [@bitbonk](https://forum.bricksbuilder.io/u/bitbonk)\
**Post date:** [January 13, 2024, 1:05pm UTC](https://forum.bricksbuilder.io/t/create-a-simple-layout-with-scrollable-article-area/18713/1 "2024-01-13T13:05:33Z")

</div>

Hello,

I am new to bricks. I have read many articles on the bricks academy and also watched some getting started tutorials.  
Unfortunately I just can’t get my head around how I would create the below (seemingly simple) layout as shown in the below sketches.

The basic idea is to have a vertical (nested) menu on the left side and a header/title area at the top.  
The menu and the header should always be visible. Only the article area should scroll.

The whole page (body?) should be centered with a max width.

 ![Website_Layout_wireframe](https://forum.bricksbuilder.io/uploads/default/original/3X/5/7/571c7cae21c4fcead70b4b9e4cb245e445a3a508.jpeg)

On mobile, the menu should convert to a hamburger menu that when tapping it, shows the vertical (nested) menu overlayed the whole page.

Could you help me figure out how to do this? I think my main problem is, that I just can figure out, how to control the scrollable area of the article area.

---

<div class="post-metadata">

**Author:** ![bitbonk](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/bitbonk/32/15788_2.png) [@bitbonk](https://forum.bricksbuilder.io/u/bitbonk)\
**Post date:** [January 13, 2024, 1:06pm UTC](https://forum.bricksbuilder.io/t/create-a-simple-layout-with-scrollable-article-area/18713/2 "2024-01-13T13:06:47Z")

</div>

Here is an image showing how it should look like on mobile:

 ![Website_Layout_wireframe_mobile](https://forum.bricksbuilder.io/uploads/default/original/3X/0/d/0d850264b0fe3be58ad6b1daa7a6d68cf63809fd.jpeg)