All Squarespace templates are optimized with responsive design, allowing your site to adjust to the format of any mobile device or browser.
Some templates have mobile-specific tweaks in their Style Editors for an extra layer of customization. This guide goes over those options.
Options by template
- To find mobile tweaks, press Ctrl + F (Command + F on Mac) and search for the word Mobile.
- For scaling fonts, search for the word Min.
|Template family||Mobile options|
|Aviator, Aubrey, Encore|
|Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West||
|Skye, Foundry, Indigo, Ready, Tudor||
|Tremont, Camino, Carson, Henson||
|York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori||
Types of mobile styles
Scaling fonts let you manually set the maximum and minimum sizes for titles, headings, and other key text. To learn more, visit Scaling fonts.
In templates where you can adjust the logo's mobile size, we recommend setting your site logo to display smaller on mobile to reduce crowding.
Note: Only Galapagos supports uploading a separate mobile logo.
Mobile navigation bars
Mobile navigation bars display at the top or bottom of your mobile site. They contain header elements like the site title or logo, shopping cart, and search icon. You can customize the bar colors, choose where the elements display, and give them unique mobile styles.
For example, the Brine template supports up to two mobile bars:
For templates that support the Advanced Products Page, you can give item titles, prices, and sale prices a unique style for mobile display. To learn more, visit Styling the Advanced Products Page.