Style a navbar

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