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>