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
  • Replies 4
  • Views 972
  • Created
  • Last Reply
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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


This topic is now archived and is closed to further replies.

  • 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.