Skip to content

Instantly share code, notes, and snippets.

@gorobey
Forked from d8m18n/divi-breakpoints.css
Created April 13, 2021 11:06
Show Gist options
  • Save gorobey/fed58ea7dbe7a07b2b1d2a8d41e85018 to your computer and use it in GitHub Desktop.
Save gorobey/fed58ea7dbe7a07b2b1d2a8d41e85018 to your computer and use it in GitHub Desktop.
Divi theme breakpoints
/**
* Divi theme breakpoints - thanks to https://divibooster.com/css-media-queries-for-the-divi-theme/
*/
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
/* your css goes here */
}
/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
/* your css goes here */
}
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
/* your css goes here */
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* your css goes here */
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* your css goes here */
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* your css goes here */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment