How to: hide the search icon

This guide will help you to hide the search icons in your theme. The first one is appearing on the desktop header, the second on the mobile footer (all the pages except homepage) and the last one on the mobile homepage at the top right corner of the screen.

Access your themes section

Open the Loft theme code

Add code

1. Access your themes section

Login to your Shopify admin, and then click “Online Store” (on the left side of the admin). This takes you to the “themes” area of your Shopify store.

Example themes section

2. Open the Loft theme code

Next, click the button that says “Actions” - followed by “Edit code” which will load the live code editor. It consists of a left hand sidebar, which lists all the files on Loft, along with a right hand code editing panel.

Shopify code editor

3. Add code

You need to add a block of code to the theme.scss.liquid by doing the following steps: