# Content Overlap

**URL:** <https://forum.finsweet.com/t/content-overlap/2229>\
**Category:** Client-First\
**Created:** [December 3, 2023, 12:51pm UTC](https://forum.finsweet.com/t/content-overlap/2229 "2023-12-03T12:51:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nikhs186](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/nikhs186/32/527_2.png) [@nikhs186](https://forum.finsweet.com/u/nikhs186)\
**Post date:** [December 3, 2023, 12:51pm UTC](https://forum.finsweet.com/t/content-overlap/2229/1 "2023-12-03T12:51:35Z")

</div>

I am designing a application where left side is menu and is positioned fixed but right side is content and is overlapping with left side, how do i stop this overlapping, I am attaching a loom video to show the website

---

<div class="post-metadata">

**Author:** ![evekayser](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/evekayser/32/59_2.png) [@evekayser](https://forum.finsweet.com/u/evekayser)\
**Post date:** [December 4, 2023, 9:19pm UTC](https://forum.finsweet.com/t/content-overlap/2229/2 "2023-12-04T21:19:11Z")

</div>

Hi @nikhs186,

It depends on the structure you created. I believe you will need to add a `margin-left` in the parent element of the right-side content. This `margin-left` is the same size as the left fixed menu.

If you want, please share the read-only link of your project, it will easier to see your structure and help 😉

---

<div class="post-metadata">

**Author:** ![nikhs186](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/nikhs186/32/527_2.png) [@nikhs186](https://forum.finsweet.com/u/nikhs186)\
**Post date:** [December 5, 2023, 5:49am UTC](https://forum.finsweet.com/t/content-overlap/2229/3 "2023-12-05T05:49:43Z")

</div>

I have added the left margin to right element and it worked