Responsive Header (HTML, CSS & Javascript)

---

Desktop View

Desktop Header view with Logo, Menu & Call to Action (CTA) Button.

Features

• You can either use Text or Image for the Logo
• Menu hover color change and underline effect
• Identify Active Menu with accent color
• Logo & CTA Button with hover scale effect
• Favicon added.

Resposive View

Resposive Header view with Logo, Menu & Call to Action (CTA) Button.

Features

• You can use a separate responsive logo (either Text or Image)

Resposive View - Menu opened

Resposive Menu when opened.

Features - Full Width Menu Box (width: 100vw;)

• Added Logo on the top-left position
• Close icon on the right-top

Features - Non-Full Width Menu Box (width: 300px;)

• When clicked outside the responsive menu box, it Closes the menu box (in addition to the close icon)

Demo

You can visit the demo here

---

Developed with ❤️ by Henok R. Bedassa

If you love my project please star ⭐️ my repo!