⤍

Navbar

Webflow 101 Crash Course

Lessons

Intro

Intro

Intro to the designer

2:48

Intro to HTML & CSS

3:38

Web structure

Intro to the box model

1:54

Element Hierarchy

3:57

Navigator Panel

2:45

Element basics

Add Element panel

1:49

Column

2:21

Div block

3:37

Components

Forms

Navbar

Slider

Symbols

Navbar

In this video, we'll cover the ins and outs of the Webflow navbar, and we'll do it in 6 parts.

‍

Learn the basics of a navbar
Fully style a navbar
Adjust the menu button in a navbar
Reuse the navbar on multiple pages
Style a persistent navbar using fixed or sticky positioning
Add a dropdown to a navbar

More series

Business

Moving your business online

Beginner

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Webflow Development

SEO fundamentals

Beginner

An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.

Webflow Development

Web animations with After Effects & Lottie

Intermediate

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Business

Freelance web design boot camp

Intermediate

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Webflow Development

CSS grid in Webflow

Begginer

This course introduces you to the basic concepts of grid, including how it compares to and works alongside other layout options like flexbox.

Webflow Development

Webflow 101 Crash Course

Begginer

If you're looking to jump right in to Webflow and get a feel for how to build your first website, this course is for you.