Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@generatepress
Created July 12, 2015 17:20
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save generatepress/1442471cf3e3651d1725 to your computer and use it in GitHub Desktop.
Save generatepress/1442471cf3e3651d1725 to your computer and use it in GitHub Desktop.
GP mobile responsive features without mobile navigation
/* Landscape tablet and below */
@media (max-width: 1024px) {
.inside-footer-widgets > div {
margin-bottom: 50px;
}
.active-footer-widgets-1 .footer-widget-1,
.active-footer-widgets-3 .footer-widget-3,
.active-footer-widgets-5 .footer-widget-5 {
width: 100%;
}
}
/* Portrait tablet and below */
@media (max-width: 768px) {
.sidebar,
.content-area {
float: none;
width: 100%;
}
.site-main {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.fluid-header .inside-header {
text-align: center;
}
.header-widget {
float: none;
max-width: 100%;
text-align: center;
}
.navigation-search,
.navigation-search input {
width: 100%;
max-width: 100%;
}
.main-navigation li.search-item {
z-index: 19;
}
.main-navigation li.search-item .fa-times {
text-indent: -9999px;
}
.alignleft,
.alignright {
float: none;
display: block;
margin-left: 0;
margin-right: 0;
}
.main-navigation li.search-item.current-menu-item {
position: relative !important;
right: auto;
}
.post-image-aligned-left .post-image,
.post-image-aligned-right .post-image {
float: none;
margin: 2em 0;
text-align: center;
}
.site-info {
padding-left: 10px;
padding-right: 10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment