Webflow headers are a very important part of your website, as it creates a smooth design to your visitors which they're already familiar with. Customizing headers in Webflow is fairly easy, and I'll be showing it in this Webflow header tutorial.

Step 1 :  On the elements panel look for the section and drag it on the designer.




Step 2 : On the Section settings, change the tag from div to header so the section will have a header tag.


Step 3 : Inside the section drag a navbar element.



Step 4: Place your site logo here.


Step 5 : On the left side there is a premade nav menu you can add or edit the navigations if you want to.


Step 6: To add logo, click on the brand and then insert an image element inside 


Step 7: Link your logo to your homepage. 


Step 8 : To add more nav links just go  to the navbar settings and click this button 


Step 9 : To apply your header on all the pages of your site right click the section then choose the create symbol. 


Step 10 : Name your symbol


Step 10 : Your created  header will appear in the symbols tab.


Shapeflow

Join with 10,000+ Subscriber and Discover Webflow

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.