Jump to content

Search bar in header

Recommended Posts

Hello,

I've unsuccessfully tried all options I could find to create a search bar in the header

Including these two https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71 + https://www.will-myers.com/articles/adding-a-search-icon-to-your-site-header) First one does not work, second one is basically an icon leading to the search page)

Anyone found another way to crack this one?

Would be great if Squarespace could include this in the default solutions.

Thanks in advance.

PS: Unfortunately I cannot share the page in question due to a patenting process.

Link to comment
  • Replies 3
  • Views 234
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

3 hours ago, olegraugaard said:

Hello,

I've unsuccessfully tried all options I could find to create a search bar in the header

Including these two https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71 + https://www.will-myers.com/articles/adding-a-search-icon-to-your-site-header) First one does not work, second one is basically an icon leading to the search page)

Anyone found another way to crack this one?

Would be great if Squarespace could include this in the default solutions.

Thanks in advance.

PS: Unfortunately I cannot share the page in question due to a patenting process.

I think the solution on https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71 should works for you. Which version are you in?

The idea is adding the search block to the footer and using javascript code to append this block to your header

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

So have you added successfully the code on your site? And you just need some more additional configuration of space on it, right?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.