How do I make two headers


Here’s my site I want to make a double headers like this site:
https://preview.colorlib.com/#chariter

My code: https://codepen.io/peace232000/pen/PoErEyR

Can you please specify where you want the second header to be?

above the purple navbar

You should really just give them the same container, so one header element with two child elements inside it.

Anyway, remove inline-block and the fixed width from .top-nav. I would also suggest you use flexbox instead of float for your layout.


i ended up with this.

Update your Codepen with the new code.