Search bar in header

Hello

I am trying to implement a search bar in the header, but am unsure if there's any way to do that?

The site in question is: www.metharc.com

I've tried the Will Myers code, with no luck. I wonder if it's due to too little space left in the header?

Any help is much appreciated.

P.S.: The site has a search icon atm, but not an acutal search bar where you can type directly into the header.

I code this some days, but it has a lot of problem. You can consider this approach

• Search icon on Header
• Click Search icon >> Show a search bar under header

If you agree this, we can give the code

8 hours ago, tuanphan said:

I code this some days, but it has a lot of problem. You can consider this approach

• Search icon on Header
• Click Search icon >> Show a search bar under header

If you agree this, we can give the code

Hi Tuanphan

That sounds like a good solution, would love the code - thnx!

Best

On 2/26/2023 at 1:18 AM, olegraugaard said:

 

Hi Tuanphan

That sounds like a good solution, would love the code - thnx!

Best

Hi,

I just found this guide. You can try first

https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71

Hi Tuanphan

Thanks, but I already tried this, and unfortunately it does not work.

1) It positions wrongly and 2) it doesn't allow me to type anything.

Perhaps there's not enough space for it in the header...?

See screenshot (the search field in right corner is from the WM code - the current solution, a search icon in the middle, links to the search page - but this solution is not optimal...) 

On 2/20/2023 at 8:17 AM, olegraugaard said:

I am trying to implement a search bar in the header, but am unsure if there's any way to do that?

The built-in search tool is unreliable on Squarespace 7.1 (see Search is broken in 7.1).

For this reason, you won't find a search bar or search icon in any of the Squarespace 7.1 templates. Until the search tool has been fixed, I do not recommend that you try to add a search option as visitors are likely to rely on the results and, if no results are found, will leave your site.

Did this help? Please give feedback by clicking an icon below  ⬇️

Can you recommend any third party plugins that will allow a user to search multiple pdf files in a newsletter archive on Squarespace?

On 3/4/2023 at 7:35 AM, paul2009 said:

The built-in search tool is unreliable on Squarespace 7.1 (see Search is broken in 7.1).

For this reason, you won't find a search bar or search icon in any of the Squarespace 7.1 templates. Until the search tool has been fixed, I do not recommend that you try to add a search option as visitors are likely to rely on the results and, if no results are found, will leave your site.

Did this help? Please give feedback by clicking an icon below  ⬇️

New (and generally enthusiastic) Squarespace user here. This is admittedly quite disappointing. I've viewed search as such a basic function for any website for decades now that the thought never occurred to me to verify that Squarespace offered a functional, flexible, and versatile version.