Jump to content

Landing page with / Split in 2 full bleed image/vidoe links

Recommended Posts

  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

@Fromswedenwithlove This isn't something you can do without code in SS so to make your life easier I would use this will myers plugin. Lots of other features too so worth the money if you're a developer/designer, in which case I would get the business license (its an affiliate link)..

https://www.bergendesign.co/split-screen-layout

Using the platform as is, I would uncheck the "fill screen" box for the section and make the grid spacing 0. Then add 2 images and 2 text blocks, make them each half the screen and full height. To get 100vh you will either need to add some custom code like this below or you'll need to eyeball it. 

sectionID {
  min-height: 100vh !important;
}

 

Screenshot 2024-06-13 at 10.37.21 AM.jpg

  Did I help you? Buy me a coffee!

👨‍💻 Bergen Design Co.

💻  I'm for hire on Upwork!

🕸️ Squarespace Experts  

🖥️ 99Designs

 🛠️ Web Designer's Toolkit

**some of these contain affiliate links

Posted

@Fromswedenwithlove anything you can do within a section works. You could do a background video or a full width and height video block to achieve what you're trying to I bet. Background video is probably better if you want it to autoplay and don't need any sound.

  Did I help you? Buy me a coffee!

👨‍💻 Bergen Design Co.

💻  I'm for hire on Upwork!

🕸️ Squarespace Experts  

🖥️ 99Designs

 🛠️ Web Designer's Toolkit

**some of these contain affiliate links

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.