Webflow’s navbar element is very flexible when it comes to styling. In this video, we’re going to focus on five areas that give us that control:

1. Size of the navbar
2. Positioning of the navbar
3. Nav link states
4. Navbar and nav link backgrounds
5. Nav link transitions

Steps in the video:
00:00 – Introduction
00:14 – Size
01:46 – Positioning
02:11 – Typography
02:39 – Background
03:21 – Transitions

———-

Get started with Webflow:
https://help.webflow.com/courses/getting-started

http://webflow.com
http://twitter.com/webflow
http://facebook.com/webflow

source

18 Comments

  1. I dont have a menu button i only have, Show or Hide Menu now, and it doesnt seem to be the same thing since when I preview the menu, the text style is different…
    this old webflow looks so much simpler.. it took me so long to find states now because of the webflow updates and for some reason states has now been hidden in the class dropdown?! that makes no sense. atleast here it says STATES

  2. Awesome, but how can you correctly implement a navbar across multiple pages?
    Something like a navbar component that you would edit once and updates in all the other pages…

  3. ok but what if i want my logo at the center at the top and the nav bar underneath? why all the webflow tutorials present the same nav bar option? I am quite beginner in webflow but it seems so far not very customisable to me…

Leave A Reply

Please enter your comment!
Please enter your name here