Add a search bar in your header for mobile navigation

If you'd like to add a search bar below the main logo on the mobile navigation, you can use this modification. 

Example:

All the following code:

{% include 'search-bar' %}

To this file:

sections/header.liquid

Add that line here:

If you need help finding the line, In the code area, use the Find feature (Command-F on Mac, Control-F in Windows) and search for "nav--mobile" without the quotes. Add the line as shown after the first include code line. 

Save the changes. 

Still need help? Contact Us Contact Us