Skip to content

Instantly share code, notes, and snippets.

@cmho
Created June 13, 2023 16:37
Show Gist options
  • Save cmho/b3501c8da9ffeb10e903152136a6377d to your computer and use it in GitHub Desktop.
Save cmho/b3501c8da9ffeb10e903152136a6377d to your computer and use it in GitHub Desktop.
CSS copypaste to add mobile friendliness to 3col Venture on Dreamwidth
@media only screen and (max-width: 768px) { /* you can change the pixel width to whatever you want */
.column-right #content {
box-sizing: border-box;
}
#content {
padding: 1em;
}
.two-columns-right #content, .three-columns-sides #content {
border: none;
}
#content .inner #primary,
#content .inner #secondary,
#content .inner #tertiary {
width: 100%;
margin: 0;
float: none;
}
.two-columns-left #secondary > .inner:first-child, .three-columns-left #secondary > .inner:first-child, .three-columns-sides #secondary > .inner:first-child, .two-columns-right #tertiary > .inner:first-child, .three-columns-right #tertiary > .inner:first-child, .three-columns-sides #tertiary > .inner:first-child {
padding: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment