Burger mobile menu

Burger menu

Piotr Elmanowski Piotr Elmanowski | Published: 16 Nov, 2015

This component is usually used as a trigger for navigation menu, mainly on mobile versions of websites. Burger menu can be made without image, however it requires jQuery library to run.

DOWNLOAD COMPONENT

or: watch live demo | see on GitHub.

Example

To use this component on your website, you should define:

  • additional CSS properties for “.burger-menu” to set sizes, colors and position of the component to fit it to your project,
  • JS actions to open and close your menu, basing on your html markup.

HTML

CSS:

Effect:

JavaScript:

Tags: , , , ,


Scroll top
Loading
Zdjęcie w lewo Zdjęcie w prawo