How do I make two headers

[peace232000]

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

[skamat]

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

[peace232000]

above the purple navbar

[lasjorg]

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.

[peace232000]

@lasjorg

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.

[lasjorg]

Update your Codepen with the new code.

GRybPaQ