Squarespace Mobile View Adjustments and Saving Sections
Customizing the mobile view in Squarespace, especially on version 7.1, has presented challenges for many users. However, a strategic approach can significantly reduce the time and energy involved in mobile section adjustments. The following steps guide you through the process of Adjusting Mobile and Saving Sections for Quicker Building in Squarespace 7.1.
Step 1: Create the Initial Section
Begin by creating the first saved section utilizing stock photography. Construct four image boxes, fitting them with stock images.
Step 2: Add Text Overlay
Overlay a text box at the center of each image, accompanied by a colored background.
Step 3: Apply Built-In Overlay
Enhance readability by adding a built-in overlay to each image.
Step 4: Copy Text Boxes
Copy the text boxes across all image boxes, assigning unique titles to each to ensure clarity during the transition to mobile view.
Step 5: Save the Desktop Section
Save the desktop section once it appears the way you’d like it to.
Step 6: Switch to Mobile View
Transition to mobile view, then manually resize the photos and reposition them on the page. Pro Tip: The yellow outline serves as a guide, indicating proportional matching of image sizes.
Step 7: Position Text Boxes
Align the appropriate text box with each image in the mobile view.
Step 8: Save the Mobile Section
Once the mobile section appears refined, save it by clicking the heart icon.
Step 9: Duplicate for Consistency
Duplicate the mobile section to create additional sections with the same dimensions, optimized for mobile.
Step 10: Content Customization
Create the desired number of sections and proceed to customize the content by swapping out photos and text. Review each new section in mobile view to ensure optimization.
Conclusion
Implementing this method streamlines the process of adjusting and saving mobile sections in Squarespace 7.1. By employing these steps, you can efficiently build an entire main page with consistent and optimized mobile sections, saving both time and effort.
Your Designer
Hi friends! I'm Justin Mabee, a veteran Squarespace website designer with over 12 years of experience building websites. As a top-rated Squarespace web designer, I build rich, interactive sites that don’t look like anyone else’s out there – and they’re intuitive enough for you to pick up and run with after we publish. Need some help getting your mobile view just right? Let’s get some live support time booked!
