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 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="//" 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 and name it the following:

<i class=" fa fa-search"></i>