Jump to content

I need to figure out how to make a banner image static in the background while my images/text go on top of it and scroll...

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

I am trying to figure out how to get part of an image to hide behind the bottom of a section break - similar to the top iphone image on the banner of this page: https://www.takemeoutofoffice.com/

I've tried about a dozen different attempts at CSS but none have worked. Would love any wisdom or code blocks or links to other threads that people have had success with using. Thank you!!

Link to comment
  • Solution

We can use CSS background-attachment: fixed to achieve this.

However it won't work on iOS.

If you still want to do, please share link to your site, we can check easier

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

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.