Jump to content

Split screen in blog post

Recommended Posts

Site URL: https://keyboard-jaguar-k52z.squarespace.com/blog/mashed-potatoes-with-mushrooms-and-brussels-sprout-l72jy

Hi there,

I'm trying to figure out how to make a split screen layout for blog posts. Something like this: https://battles-ice-cream.superhi.com/

The website I'm working on: https://keyboard-jaguar-k52z.squarespace.com/blog/mashed-potatoes-with-mushrooms-and-brussels-sprout-l72jy

Password: tpt-2021

I would like to make it in a way that adding new posts with the same layout will be easy for someone who doesn't code.



Link to comment
13 hours ago, MaggieBovary said:

Hi @tuanphan , I think it will work well even if not full width. Could you share the code with me?


You mean: Section with left is image, right is text?

You can add a blank section >> add background image >> then add 2 columns: left is spacer, right is text. Then let me know. We will give the code & then you can repeat it for future cases.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hi @tuanphan,

I divided the blog post content into two columns but I couldn't manage to set sticky sections. I would like the block of images of every section to be sticky at the top (so they don't move while the text scrolls down) and when you get to the following section (text on the left and image on the right) it repeats the same behaviour.

I hope my explanation it's not too confusing! (links same as before)

Thanks 🙂

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.