
Mobile Style Options in Squarespace 7.0: Template-Specific Guide
Squarespace templates in version 7.0 offer specialized mobile styling options to enhance your site's appearance on smaller devices. Here's what you need to know about these mobile-specific customizations:
Finding Mobile Style Options:
- Use Preview by Device to see mobile changes in real-time
- Press Ctrl + F (Command + F on Mac) to search for "Mobile" in style settings
- Look for "Min" to adjust font sizing
Template-Specific Mobile Features:
Aviator:
- Adjustable logo size
- Toggle background image visibility
- Custom background color options
Brine:
- One or two mobile navigation bars
- Fixed top bar option
- Customizable header icon styles and placement
- Adjustable mobile breakpoint
- Store page styling options
Farro:
- Dual mobile navigation bars
- Fixed top bar option
- Custom header icon styles
- Adjustable icon placement
- Store page customization
- Optional grid title hiding for Index Pages
- Mobile-specific logo or site title options

Pickle jar on green background
Skye:
- Font size customization
- Store page styling
- Logo-to-site-title conversion option
Tremont:
- Responsive font sizing
- Device-specific size settings
- Store page customization
- Mobile navigation background color
- Site title customization
York:
- Adjustable font sizing
- Mobile top navigation bar
- Custom header icon styles
- Store page styling options
Key Mobile Style Features:
Font Sizing:
- Manual control over maximum and minimum text sizes
- Customizable settings for titles, headers, and body text
Logo Display:
- Reduced mobile logo size options
- Cleaner mobile presentation
Navigation Bars:
- Top or bottom placement options
- Customizable colors and elements
- Header component organization
- Unique mobile-specific styling
Store Pages:
- Mobile-specific styling for product titles
- Custom price display options
- Sale price formatting
These mobile customization options ensure your Squarespace site maintains professional appearance and functionality across all devices while providing optimal user experience.
Related Articles

Easy Site Preview Guide: How to View Your Site on Different Devices
