Content hide in Navigation Bar - One Page Website

Question

I am working on website called : denimistcompany.com

issue is that that menu is link with elements "id" , and now when someone clicks on about us , the main heading called Welcome to Denimist ... got hidden in navigation background.

is that possible we somehow start the the section from the point we like as all links is having same problem.

THanks

Answer 1

Keeping in mind that your navigation bar height is 90px and it's fixed, you have to use pseudo-element:

#aboutus::before {
  content: "";
  display: block;
  position: relative;
  margin-top: -90px;
}

Or alternatively can try this as well:

#aboutus {
  padding-top: 90px;
  margin-top: -90px;
}

Just checked on your website, and it works great.