Computer screens and mobile devices render pages differently, so it's essential to optimize your site layout for both experiences. The Intuitive Editor in Squarespace 7.1 helps you create different layouts for each viewing format.

The Intuitive Editor features a flexible grid system that allows you to:

• Place blocks anywhere, including overlapping positions
• Resize elements directly on the page
• Create separate desktop and mobile layouts
• Pin blocks in fixed positions while scrolling
• Add up to 60 blocks per page for optimal performance

To add a new Intuitive Editor section:

1. Click "Edit" on the page
2. Select "Add Section"
3. Choose "Add Empty Section" or browse pre-made templates
4. Adjust section height using the blue arrow icon
5. Add blocks by clicking "Add Block" in the top left

Key features include:

• Background colors and fill options for blocks
• Responsive design that adapts to content changes
• Independent mobile layout customization
• Section styling options like spacing, margins, and dividers
• Pinned blocks that stay fixed while scrolling

For the best results:

• Test layouts across different devices
• Keep block count under 60 per page
• Review mobile layout when making changes
• Use background colors to improve text legibility
• Consider accessibility when overlapping elements

The Intuitive Editor is available for:

• Block sections on any page
• Footer content
• Portfolio projects
• Pages in Squarespace version 7.1

Note that blog posts, event descriptions, and product information still use the classic editor. For optimal site performance, avoid excessive content and test thoroughly across devices.

Related Articles

Previous Articles