Soo Kyung Ahn Soo Kyung Ahn - 1 month ago 6
CSS Question

How to prevent a navbar from overlapping other elements

I'm working on building a website, and I have an issue where the navbar is hiding the first bit of the page so I can't see the information. How would I fix this? The link to my website is here:

codepen.io/sookyungahn/pen/wzQkBp?editors=1100

Thank you.

Answer

In your case, add padding-top in home div id with same size height on your nav bar.

<div class="container-fluid well" id="home" style="display:block; padding-top:50px;">