Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Fixing a search bar to the top of the screen when you scroll



I've seen several posts on this forum suggesting header injections which can keep the site header on the top of the page as you scroll. However, using the squarespace website builder, I've generated a search bar in the body of a page. Is there a possibility of having that fixed to the top of the page when I scroll? I've attached a picture to show the search bar I am talking about.

Screenshot (29).png

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

.cf-filter-wrapper {
    position: fixed;
    top: 112px;
    left: 0;
    width: 100%;
    z-index: 999;


Link to post
  • 0

The code partially works; the search bar does fix itself to the top of the page. However, it also makes the rest of the stories block stay fixed to the page. I've put a picture down below.

Screenshot (46).png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...