How to get my header to stay fixed to the top when I scroll

[ethan-reynolds]

Currently on the product landing page, I can’t for the life of me figure out how to get my header to stay at the top when I scroll. I tried everything and can’t get anything to work, suggestions? tia

https://codepen.io/ethan-reynolds/pen/MWjzmYo

[ozanbaskan]

You actually do not have any content in your header. You should try this on html:

<header id="header"> Header </header>

and this to your #header in your css:

#header {
position: fixed;
top: 10px;
text-align:center;
font-size:40px;
}

[cherylm]

Hi there,

You misspelled “position”.

I have also been stuck for a loooong time when it was a misspelling

[ozanbaskan]

and that too

[cherylm]

I think the problem is the closing </header> tag in the html is after the <form>