Skip to content

Instantly share code, notes, and snippets.

@diewland

diewland/bulma-always-hamburger-menu.css

Last active April 18, 2017 08:29
Show Gist options
  • Save diewland/822529d357bfc5aa94ac28869aeb9fc8 to your computer and use it in GitHub Desktop.
Save diewland/822529d357bfc5aa94ac28869aeb9fc8 to your computer and use it in GitHub Desktop.
Download ZIP
bulma.io, always use hamburger menu
Raw
bulma-always-hamburger-menu.css
.nav-right {
display: none;
}
.nav-toggle, .nav-menu.is-active {
display: block;
}
.nav-menu {
background-color: white;
box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
left: 0;
display: none;
right: 0;
top: 100%;
position: absolute;
}
.nav-menu .nav-item {
border-top: 1px solid rgba(219, 219, 219, 0.5);
padding: 0.75rem;
justify-content: center;
}
.nav-item.is-label {
background-color: #EEE;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment