Media Queries


Media Queries Selectors

Use these media queries to apply selectors based on screen size.

  • Selectors work with Squarespace 7.1

  • Knowing the basics of CSS is recommended

Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for customizations.


Mobile - 800px and Lower

@media (max-width: 800px) {
  YOUR CSS HERE
}

Tablet and Laptops - Between 800px-1200px

@media (min-width: 800px) and (max-width: 1200px) {
  YOUR CSS HERE
}

Desktop - 1200px and Higher

@media (min-width: 1200px) {
  YOUR CSS HERE
}

Is the selector you're looking for not here? Let us know.


Next
Next

Header