All videosElements
Navbar menu button

Navbar menu button

The menu button is an element inside the navbar that organizes the nav links when there is limited horizontal space, like on a mobile device. It's sometimes referred to as the “hamburger menu.”

The menu button and its functionality are built into the navbar element, and can be accessed and configured in a number of ways. We’ll cover four aspects of the menu button:

  1. Triggering the menu
  2. Setting which breakpoints the menu displays on
  3. Animating the menu
  4. Styling the menu button

Steps in the video: 00:00 - Introduction 00:34 - Trigger 01:37 - Visibility 02:20 - Menu types 03:38 - Styling