How can I display two collections per row on mobile view?

@Annielynch

its my pleasure to help us

I have some issues about the mobile version collection list row too.
I need the mobile version from 1column per row to 4 columns per row. Can you help me?
thanks, hope you reply soon.

Hi Ketan!

This code doesn’t work for me at all. Envy doesn’t have this file either: Asset->/style.scss.liquid

Could you please help?

I’d like to do the same with the gallery images and the code you shared in another post also doesn’t work… this one:

{% case section.blocks.size %}

{% when 1 %}

{%- assign column_size = ā€˜col-sm-12 col-md-12 image-bar–single-image image-bar–single-column-mobile’ -%}

{% when 2 %}

{%- assign column_size = ’ col-6 col-sm-6 col-md-6’ -%}

{% when 3 %}

{%- assign column_size = ā€˜col-sm-6 col-md-4 image-bar–single-column-mobile’ -%}

{% else %}

{%- assign column_size = ā€˜col-sm-6 col-md-3 image-bar–single-column-mobile’ -%}

{% endcase %}