Notice: End-of-Life Announcement for all Shopify themes by Barrel > Read More

Close

Remove Search from slide-out menu

By default, our Mosaic theme includes a Search feature at the top of the slide-out menu. This tutorial will show you how to remove it.

 

1. Go to Edit HTML/CSS to edit the theme code. Shopify has a guide on how to do this here.

2. In the Snippets folder, open the file called site-nav.liquid.

3. Around line 8, you should see the following code:

 <div class="nav-search">
 <div class="js-searchToggle searchToggle">
 <i class="icon-search"></i><i class="icon-close"></i><h4>{{ 'general.slide_out_navigation.search_label' | t }}</h4>
 </div>
 <div class="nav-search-overlay">

4. Delete the line of code in red above. Your code should now look like this:

 <div class="nav-search">
 <div class="js-searchToggle searchToggle">

 </div>
 <div class="nav-search-overlay">

Voila!