Skip to content

Today I finally finished the first version of checkboxNav!

checkboxNav is based on a tutorial from W3Bits, which uses the Checkbox Hack to create a mobile-friendly dropdown menu without relying on JavaScript.

I completely rebuilt the navigation with Sass and significantly streamlined the markup and styling. It can be easily customized through variables and themes.

Features:

  • multi-level navigation
  • no JavaScript necessary
  • responsive
  • mobile-friendly
  • easy customization through Sass variables
  • BEM-like naming convention (Block-Element-Modifier) with unique names - no hassle with classes like nav or menu when using your favourite CSS framework
  • choose between hamburger icon or toggle-bar
  • 2 example themes
Back to news list