Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Initiate the mobile header at your desired width. Change 768px to whatever you like.
@media( max-width: 768px ) {
.site-header,
#site-navigation,
#sticky-navigation {
display: none !important;
opacity: 0;
}
#mobile-header {
display: block !important;
opacity: 1;
width: 100% !important;
}
#mobile-header .main-nav > ul {
display: none;
}
#mobile-header.toggled .main-nav > ul,
#mobile-header .menu-toggle,
#mobile-header .mobile-bar-items {
display: block;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment