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

Close

Remove navigation breadcrumbs

On the Collections page of our Mosaic theme, our theme displays breadcrumbs:

nav breadcrumbs

 

This tutorial will show you how to remove these breadcrumbs.

 

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

2. In the Templates folder, open the file called collection.liquid.

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

<section class="collectionGrid container-wrap">
 <div class="container">
 <div class="collectionGrid-nav collectionGrid-row row inline row-lg">
 <div class="breadcrumbs block">
 {% include 'site-breadcrumbs' %}
 </div>

4. Delete the code in red above. Your new code should look like this:

<section class="collectionGrid container-wrap">
 <div class="container">
 <div class="collectionGrid-nav collectionGrid-row row inline row-lg">
 <div class="breadcrumbs block">
 
 </div>

 

Voila!