Help! Build a Product Landing Page

1

Hi Everyone,

I need some advice for the test to build a landing page. Im having trouble with my header when I set its position to “fixed” it covers the top part of my body.

I tried putting a margin on the body but it moves everything including the header. How can I fix this?

here is the link to what Im doing:

https://codepen.io/projectnnd/pen/VwZWPXG

2 
Hey friend. i find out the solution. :  if you want a static stay above navigation bar, then add:  position:fixed, by header and add top: 0px;  so Below

  padding: 15px 15px 15px 15px;
 "added code"
 position:fixed;
  left:0px;
  right:0px;
  top:0;
if you don't want it that way, then i hope someone else can help you, and i take some more look add your code right now. Succes friend and happy coding! it looks amazing. keep it up.
3

ps, sorry for the mark-up, i don’t understand the backticks thing…

4

add the position:fixed; to your #nav-bar and change the body margin-top with body {margin-top: 0px !important;}, it will remove the space when you scroll your page.