Mobile Menu Dropdown Without Javascript

Image for post
Image for post
Our finished hamburger button tl;dr at step 6.
Using only CSS to toggle state.
<nav> comes after checkbox
Note: I’m embedding CSS selectors using SASS
Image for post
Image for post
header .hamburger-container input[type=”checkbox”]:checked + nav {
display: block;
}
ul {
list-style: none;
}

Front-end Web Developer. Language lover. Traveler. Dude.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store