IMPULSE THEME – Mobile Collections Products Per Row

Solved
RevenueMedia
New Member
1 0 1

Our site uses the Impulse theme, on the Shop page it displays 3 Products per row on desktop but, only 2 on mobile, is there any way to have it so that 3 Products per row appear on mobile as well?

https://larsamarie.com/collections/shop

This is an accepted solution.

maybe go to collection-template.liquid, find something like

 

  <div class="page-width" id="Collection">
    {% if section.settings.layout == 'grid' %}
      {% case section.settings.grid %}
      {% when '2' %}
        {%- assign grid_item_width = 'medium-up--one-half' -%}
        {%- assign image_size = '530x530' -%}
      {% when '3' %}
        {%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}
        {%- assign image_size = '345x345' -%}
      {% when '4' %}
        {%- assign grid_item_width = 'small--one-half medium-up--one-quarter' -%}
        {%- assign image_size = '250x250' -%}
      {% when '5' %}
        {%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}
        {%- assign image_size = '195x195' -%}
      {% endcase %}

 

and change 

 

{% when '3' %}
        {%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}
        {%- assign image_size = '345x345' -%}

 

into

 

{% when '3' %}
        {%- assign grid_item_width = 'small--one-third medium-up--one-third' -%}
        {%- assign image_size = '345x345' -%}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
KetanKumar
Shopify Partner
14323 1665 5153

@RevenueMedia 

Welcome to the Shopify community!
and Thanks for your Good question.

i have check this mobile it's perfect look 2x2 but if you have set 3 product per row 3 see look 

KetanKumar_0-1611282663580.png

 

it's doesn't proper UI i hope do you have to understand for user need clean and proper look so please don't change it 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes