Jump to content

How do I make the contact form be floating and sticky to the scrolling of the screen?

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Your design is not at all suited to having a sticky fixed element, at the moment it won't work with the text block above it, and it won't work with the content below it as everything in the right third would be hidden. If you can duplicate the page and design it with nothing above the form (you could add a line element to the form fields instead of the text block above the form), and nothing in the right third below, you can then use code similar to this to make it sticky:

.fe-block fe-block-yui_3_17_2_1_1670608241446_13958  {
  min-height: 0 !important;
  position: sticky !important;
  -webkit-position: sticky !important;
  top: 0;
  z-index: 999;

Hope that helps! 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

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.