Skip to content

Instantly share code, notes, and snippets.

@alexanmtz

alexanmtz/layout-sidebar-adapt.scss

Created February 5, 2017 16:43
Show Gist options
  • Save alexanmtz/5d24f30d1244e147628c15bd77e6c582 to your computer and use it in GitHub Desktop.
Save alexanmtz/5d24f30d1244e147628c15bd77e6c582 to your computer and use it in GitHub Desktop.
Download ZIP
Example of a navigation in two columns adapted to a mobile overlay vertical navigation
Raw
layout-sidebar-adapt.scss
@media screen and (max-width: 480px) {
html {
.main {
width: 100%;
}
.trigger-overlay-container {
display: block;
}
.sidebar .close {
display: block;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment