# Navbar + Side Content without initial scroll

**URL:** <https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682>\
**Category:** How do I?\
**Tags:** design\
**Created:** [March 21, 2024, 12:23am UTC](https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682 "2024-03-21T00:23:09Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![daniel.oliveiravas](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@daniel.oliveiravas](https://community.weweb.io/u/daniel.oliveiravas)\
**Post date:** [March 21, 2024, 12:23am UTC](https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682/1 "2024-03-21T00:23:09Z")

</div>

Hello WeWeb Community,

I’m creating a web page using the sections from Add → Layout. I added a side menu, a navbar, and a side content (3 sections).

By putting those three elements from the Layout library on the page, you can see the content is already scrollable.

Does anyone know if it is possible to make that scroll automatic, as in, only if necessary?

PS: I believe this happens because the navbar is “pushing” the content section down. But I could not fix it.

---

<div class="post-metadata">

**Author:** ![IKR](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ikr/32/8200_2.png) [@IKR](https://community.weweb.io/u/IKR)\
**Post date:** [March 21, 2024, 3:52am UTC](https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682/2 "2024-03-21T03:52:09Z")

</div>

Select the content you want.  
In the right bar scroll down and set Overflow to auto.

---

<div class="post-metadata">

**Author:** ![daniel.oliveiravas](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@daniel.oliveiravas](https://community.weweb.io/u/daniel.oliveiravas)\
**Post date:** [March 22, 2024, 11:39pm UTC](https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682/3 "2024-03-22T23:39:53Z")

</div>

It’s not what I want. I know about the Overflow property, but how can I make two different sections fit 100% on the screen?

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [March 23, 2024, 12:01am UTC](https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682/4 "2024-03-23T00:01:10Z")

</div>

@daniel.oliveiravas Sharing a video will help troubleshoot

---

<div class="post-metadata">

**Author:** ![felipegranado](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/felipegranado/32/6306_2.png) [@felipegranado](https://community.weweb.io/u/felipegranado)\
**Post date:** [March 23, 2024, 12:07am UTC](https://community.weweb.io/t/navbar-side-content-without-initial-scroll/7682/5 "2024-03-23T00:07:53Z")

</div>

What I would do?

In the content and side menu I would put the height as 86vh and the NavBar as 14vh. Try this.

The “vh” goes from 0 to 100 using the total height of your screen ( I think 😅 ).