Add a search icon to your navigation
Did you know that your Squarespace site has an automated search page?! You can find it simply by heading to www.yoursite.com/search. You can link directly to this page in your navigation under the heading 'Search' or you could even go a step further and add a little magnifying glass icon by following these easy steps:
Step 1: Insert code
Add the following code in to the site header Code Injection area by heading to: Settings > Advanced > Code Injection > Header.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
Step 2: Add link or icon
Add a link to the navigation (or anywhere on your site) where you wish to have the icon - set the target as www.yoursite.com/search and name it the following:
<i class=" fa fa-search"></i>