Search Icon in Header for Squarespace 7.1 

Can we all just call it like it is: Will Myers is superb. Not only does he give you the code you need in a succinct manner, but he goes above and beyond to teach you about the code as well. Thank you very much, Mr. Myers.

These tutorials are great. A very specific question I had just got a very specific answer. Thank you so much, Will!

Awesome! Thank you for sharing your code with us!

Thanks so much! This worked so quickly and easily. Incredibly helpful.

This is incredibly helpful, thank you for sharing!! And thanks for explaining how it works for us people who know nothing about coding but are maybe wanting to 🤩

Thank you so much Will Myers.

Thanks a ton. Real simple, really well explained, great work and help. Subscribed :)

Thank you. Your tutorials help me a lot🚀

Thank you! I have a blog and I really needed a search bar!

Great tutorial and code, thanks Will

This was so helpful. I love this much better than moving my footer to the head and making it a search bar. Thank you thank you thank you

Great job on the tutorial

OMG thanks soooo much love your content quick, simple and easy to understand.. I was able to do this in 5 mins on my online store website and had already spent sooooo long trying to figure out how to do it! glad watched ur video Thx again

Great content Will - nice and clearly explained and made so easy with the code on your site - well done! Subscribed.

Thank you! great tutorial :)

This was soooooo helpful, thank you! I am designing my nonprofit site myself after being overcharged by developers who didn’t deliver a completed site. 😢This empowered me, gave me exactly what i was looking for, and my website will be complete in a few days ❤

Thanks Will! :-)

Is there a way to make the best of both videos where it doesnʻt navigate you to a search page but rather you can search in a box when you click on the icon like adding a search block on your page?

THANKS!

thanks

Thank you so much for this video - tremendously helpful! My "Magnifier" icon has appeared on the far left on the Desktop version, next to my social links - is there any way of moving it to the right a bit or positioning it to the right of my social icons?

thank you so much! may I know how can i add a hover effect on the search icon? i added :hover, but ended up the mouse cursor need to touch the stroke and the len and handle is hover seperately, please help.

THANK YOU! How do I get it to be on the left side of the navigation though vs the right?

Thanks for this tutorial! Just wondering can you move search icon to be beside the cart instead of on the menu for mobile? Thanks ☺

Amazing video!! Helped me a lot.❤Still one question left. How can I reorder the cart, log in and search icon in the same order like it is shown in your video?

Thanks so much Will this is a great help! I've got a seperate Squarespace question please. I'm selling artwork prints online and offering them to be sold in frames also, however I don't wish to offer shipping of the frames internationally only the actual prints internationally. I haven't yet figured out a way to do this within Squarespace and was wondering if you could help please. Ideally it would be something like once the customer enters their shipping details into the checkout and if it is an international country of origin a pop up or something of the like might occur with a message that could be customised stating that product isn't available for international shipping. As that version of the product can't be shipped. Many thanks in advance.

thank you so much for uploading these kind of tutorial. its really helpful. however i got one small problem, how can i change the placeholder text for this one? it will be great if you can spare some time to answer this :) have a nice day!

Thank you so much for the help😊 Is there any way i can make it so the search bar can be used on the home page rather than having to jump to another page?

Hey Will, excellent tutorial, thank you! Any idea on why the size and colour of the icon don't change on my site when I edit the custom CSS? All icons on my site are white, but when I leave it as 'Currentcolor', the icon stays black. I changed the code to 'white', and the icon in the header still stays black?

Hi! Thank you so much for this video! Is there a way to change the place of the icon? For example in the footer, instead of the menu nav. ;-) Thank you for your help!

Does anyone know what this search bar is searching? The search is not very strong. For example, when I search "Episode 20" it pulls it up, but if I search "20" nothing comes up. I would love for the search to be a little more intuitive? In doing some googling I can't seem to find anything to improve search functionality.

Love this video and code. Any way to disable the search on mobile?

Hi is there any way to move the search icon along the header? my icon is placed on the left side alongside social media icons, I would like it over on the right side.

Is there a way I can make the search icon work on the homepage as an overlay once pressed instead of redirecting to the search page?

Thanks for the video! I have added the code to my website. Now, Is there a way to find what people are searching for in my website, the search terms?

Hello Will, my search icon has randomly disappeared from the mobile version. It is still on the desktop still tho. I am desperate not sure what to do?? I still have the same code(your html) on my code injection in the footer section. Any help is greatly appreciated.

What can you search?

HELP it's not showing any search results

Does not work on my account ):