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

Close

Disable footer menu in column 1

This tutorial was written for Mosaic theme version 1.0.10. It should work for similar versions as well. 

Steps:

  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-footer.liquid.
  3. Starting around line 6 of this file, you should see the following code:
     <ul class="footer-links block s1 sm_s13 lg_s15{% if settings.footer_col_1_mobile == true %} hide-mobile{%endif%}">
       <h4 class="footer-link-title">{{ linklists.footer.title }}</h4>
       {% for link in linklists.footer.links %}
         <li class="footer-link">
           <a href="{{ link.url }}">{{ link.title }}</a>
         </li>
       {% endfor %}
     </ul>
  4. Add in the code in blue below:
     <ul style="display: none;" class="footer-links block s1 sm_s13 lg_s15{% if settings.footer_col_1_mobile == true %} hide-mobile{%endif%}">
       <h4 class="footer-link-title">{{ linklists.footer.title }}</h4>
       {% for link in linklists.footer.links %}
         <li class="footer-link">
           <a href="{{ link.url }}">{{ link.title }}</a>
         </li>
       {% endfor %}
     </ul>

That’s it!