Jump to content

Images overlapping a split screen layout

Recommended Posts

Site URL: https://calliope-rhino-pwad.squarespace.com/scotian-gold

Hi all,

I'm using a plugin to give me a split screen layout at the top of this page but would love to be able to overlay some images between the two sections (as per the attached image) and make sure they stay centred and stuck to the top and bottom as the screen size changes. If it is possible then I'd also love to know how to make them disappear in mobile mode.

Using Brine on Squarespace 7.0

https://calliope-rhino-pwad.squarespace.com/scotian-gold

Also, on a different note, the pattern images are not as sharp as I like. Am I doing something wrong or should they be code blocks (with svgs inside them) instead.

Thanks!

 

example.png

Link to comment
  • Replies 6
  • Views 579
  • Created
  • Last Reply

Top Posters In This Topic

On 8/27/2021 at 11:19 AM, briandotgraham said:

@tuanphan Yes please!

Hi, Add to Design > Custom CSS

@media screen and (max-width:640px) {
#split-group-1::before, #split-group-1::after {display: none !important;}
}

 

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
  • 3 weeks later...
  • 4 months later...

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.