Here’s my site I want to make a double headers like this site:
https://preview.colorlib.com/#chariter
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.
Update your Codepen with the new code.