# Design content not fitting properly from template

**URL:** <https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043>\
**Category:** Webdesign Help\
**Created:** [July 12, 2022, 5:22pm UTC](https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043 "2022-07-12T17:22:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![racingrandom](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/racingrandom/32/2433_2.png) [@racingrandom](https://forum.bootstrapstudio.io/u/racingrandom)\
**Post date:** [July 12, 2022, 5:22pm UTC](https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043/1 "2022-07-12T17:22:17Z")

</div>

Hello

Straight out of your design templates this \> [Dashboard - Brand](https://racingrandom.bss.design/index.html)

Is not fitting content properly as you can see the main page is not fitting on left side properly , same with responsive

Any ideas why this is please

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [July 12, 2022, 5:45pm UTC](https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043/2 "2022-07-12T17:45:58Z")

</div>

You have added fixed-top class to your nav, take this out and you should be ok

---

<div class="post-metadata">

**Author:** ![racingrandom](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/racingrandom/32/2433_2.png) [@racingrandom](https://forum.bootstrapstudio.io/u/racingrandom)\
**Post date:** [July 12, 2022, 6:15pm UTC](https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043/3 "2022-07-12T18:15:55Z")

</div>

Ah I know why now. (Yea I figured after some test) Thanks  
1, If I select Nav bar to be fixed at top, it throughs the content off.

I need a side column to be fixed, or a way that links in the nav bar remain on screen.

Why cant I have a nav bar on side like this that doesnt break content?  
[https://bootstrapmade.com/demo/NiceAdmin/](https://bootstrapmade.com/demo/NiceAdmin/)

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [July 12, 2022, 7:14pm UTC](https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043/4 "2022-07-12T19:14:48Z")

</div>

You should be able to find the modifications you need in this thread

> [@Static Sidebar in Dashboard Template](https://forum.bootstrapstudio.io/t/static-sidebar-in-dashboard-template/8177):
>
> I am trying to get started with some basic Dashboards. What is a simple way to get the sidebar stuck in one place as opposed to scrolling with the rest of the page? Setting the Position of the navbar to “Fixed at top” keeps it from moving, but the main content ends up behind it. Is there a simple way to do this without having to manually move the main content over to fit?

---

<div class="post-metadata">

**Author:** ![kuligaposten](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/kuligaposten/32/1190_2.png) [@kuligaposten](https://forum.bootstrapstudio.io/u/kuligaposten)\
**Post date:** [July 13, 2022, 12:06am UTC](https://forum.bootstrapstudio.io/t/design-content-not-fitting-properly-from-template/9043/5 "2022-07-13T00:06:01Z")

</div>

> [@racingrandom](#):
>
> I need a side column to be fixed, or a way that links in the nav bar remain on screen.

You can do something like this

[https://polished-mountain-1162.bss.design/](https://polished-mountain-1162.bss.design/)