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 }