Advanced mobile style customization options in Squarespace version 7.0 templates provide enhanced control over your site's mobile appearance. All Squarespace sites feature responsive design by default, but certain templates offer additional mobile-specific tweaks.

To access mobile settings:

• Open device view before accessing site styles
• Use Ctrl + F (Command + F on Mac) to search for "Mobile"
• For font scaling options, search for "Min"

Template-Specific Mobile Options:

Aviator:

• Control background image visibility
• Adjust logo size (except info pages)

Brine:

• Configure up to two mobile navigation bars
• Fixed top bar option
• Custom header icon styles and placement
• Adjustable mobile breakpoint
• Store page styling options

Farro:

• Dual mobile navigation bars
• Fixed top bar settings
• Custom header icon styles and placement
• Store page customization
• Hide index page thumbnail grid titles
• Site title color and font options
• Separate mobile logo with adjustable height

Skye:

• Font scaling
• Store page styling
• Logo/site title toggle

Tremont:

• Font scaling
• Multi-device size settings
• Store page customization
• Mobile navigation background color
• Site title font and size options

York:

• Font scaling
• Top mobile navigation bar
• Custom header icon styles
• Store page styling options

Key Features:

Scaling Fonts:

• Manual control over maximum and minimum text sizes
• Applies to titles, headings, and key text elements

Logo Optimization:

• Adjust logo size for mobile displays
• Reduce crowding with smaller mobile logos

Mobile Navigation Bars:

• Top or bottom placement options
• Customizable colors and element positioning
• Support for site title, logo, shopping cart, and search
• Some templates support dual navigation bars

Store Page Customization:

• Mobile-specific styling for item titles
• Custom price display options
• Sale price formatting

Related Articles

Previous Articles