Geozah Geozah - 3 years ago 123
HTML Question

Adding new div shifts down my header

I am trying to add a text field under my blue header. I added a div and a

<p>
but all it does is shift down my header with a small space above.

How can I fix this?

https://codepen.io/anon/pen/KXqGyp

Answer Source

As already stated, you can remove the position. Alternatively, add a padding-top value to class bio in your CSS and set it to be at least equal to the height of your header (75px seemed fine).

The problem is that position: fixed; causes the header element to not take up space, where it normally would, so you need to create a buffer of whitespace above your first element in order to take up the space your header originally would have.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download