Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Show sidebars to the side on mobile. This assumes your sidebar width is set to 25%
@media (max-width: 768px) {
.content-area, .sidebar {
float: left;
width: auto;
left: auto;
right: auto;
}
.content-area.grid-75 {
width: 75%; /* Adjust to 100 - your sidebar percentage */
}
.sidebar.grid-25 {
width: 25%; /* Adjust to your sidebar percentage */
}
.right-sidebar.separate-containers .site-main {
margin: 30px 30px 30px 0px; /* Adjust to separating space value */
}
.both-sidebars.separate-containers .site-main {
margin: 30px;
}
.left-sidebar.separate-containers .site-main {
margin: 30px 0 30px 30px;
}
.both-left.separate-containers .site-main {
margin: 30px 0px 30px 30px;
}
.both-right.separate-containers .site-main {
margin: 30px 30px 30px 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.