Search bar in header

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.

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

Thank you, @Beyondspace - but I think the problem may be that WM's solution requires a certain a mount of space in the header. I can't get the cursor blinking, let alone write anything in the search box. Perhaps because it needs more space to expand... 

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