Split Screen Layout Designs are all the rage! I have an article, video, code for you to get started with your Split Layout Designs in Squarespace 7.1. I also have some additional designs pack for Split Screen Layouts with some extra features.
This tutorial is meant for websites built in Squarespace 7.1.
Copy Code Here: https://www.will-myers.com/articles/split-layout-design-in-squarespace-71
Want more additional Split Screen Layout Designs? Purchase my Design Pack.
Demo: https://www.will-myers.com/split-layout-design-demo-paid
Purchase: https://www.will-myers.com/products/split-screen-layout-design-pack
Timestamps:
0:00 – Advanced Split Layouts Plugin
0:57 – Examples
2:25 – The HTML Structure of a Section in Squarespace 7.1
3:10 – Selecting the data-section-id
5:39 – Adjusting the Width (quick overview of the box model)
7:58 – Adjusting for Mobile
12:04 – Changing the Background Color
==========
Enhance your website – Shop the Plugin Store
https://www.will-myers.com/products
Grow Your Skillset – Learn CSS for Squarespace Course
https://www.will-myers.com/learn-css-in-squarespace
