We are Underground support

Changing Featured collections to show 3 per row

Last Updated: Aug 25, 2016 09:08PM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

The Featured collections section of the Testament theme was designed to show 4 collections per row.
If you would like to switch this to show 3 per row instead it is a very simple change to make.
  1. Open themes > customize theme > theme options > edit HTML / CSS 
  2. On the next page open: Snippets > homepage-collecitons.liquid
  3. On line 40 change the following from this:

    <div class="collection-index desktop-3 tablet-half mobile-3{% cycle ' first', '', '', ' last' %}" data-alpha="{{ collection.title }}">  
    to this:

    <div class="collection-index desktop-4 tablet-2 mobile-half{% cycle ' first', '', ' last' %}" data-alpha="{{ collection.title }}">    
  4. Click save

This makes the change to 3 per row on Desktop + tablet and 1 per row on mobile where 2 can not be divided into visible sections.

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found