Keep the Shopify search bar always visible
Dawn hides the search field behind a magnifying glass. This snippet keeps the bar open on desktop and mobile so people can type without an extra click. No app. Copy/paste on Dawn and the other free OS 2.0 themes. Last tested in 2026.
This tutorial is compatible only with Shopify's official free themes: Colorblock, Craft, Crave, Dawn, Origin, Publisher, Refresh, Ride, Sense, Spotlight, Studio, Taste & Trade.
Looking to install this on a premium or custom theme? Contact us.
Step 1: Adding the code snippet to desktop
-
From your Shopify admin and navigate to Online Store > Themes > Actions > Edit Code

-
Under snippets on the left side, click on "add a new snippet". Name it exactly as shown below and hit "done":
ezfy-header-search-desktop
- Paste this code inside the file:
Step 2: activating the search bar on the header
-
Search for the file: header-search

-
Paste the following code at the very top of the file:
{% render 'ezfy-header-search-desktop' %}
Click on the save button.
- Amazing! Now your search bar should be visible on desktop devices. Let's add the code for it to be displayed on mobile devices as well.
Final step: making the search bar always visible on mobile
- Let's create a new snippet again. Click on the button "Add a new snippet", and this time name it:
ezfy-header-search-mobile
- You can find the code in the file you have previously downloaded.
- Now, search for the file:
header.liquid
-
Open it, press CTRL + F to trigger the search box, and search for:
</header
Right below the line of code you find after clicking Next, paste the following:
{% render 'ezfy-header-search-mobile' %}
- Click on the save button and you're all set!
Conclusion
And that's it! By following the steps above, your store’s search bar will always be visible on both desktop and mobile devices, making navigation quicker and easier for your customers. This small change significantly enhances the user experience; removing unnecessary clicks increases comfort, which often translates into higher conversion rates. Every 0.1% still counts, right?
To reiterate, this method is designed to work with all free Shopify themes. However, depending on your theme version, some file names or locations might be slightly different. If you run into any issues or can’t locate a specific file, don’t worry—just reach out to us and we’ll gladly help you get everything working smoothly.
Happy selling!
Related: color swatches on the product page, sticky add to cart, custom fonts.
Subscribe for Shopify researches, tips & guides
Get high quality posts about Shopify insights. No spam, unsubscribe anytime.