Section index-column displaying 2 column on mobile | Broadcast theme

Store Design
1

HEllo,

I am trying to display 2 column on mobile, I have modified the code below without success on mobile :

.index-columns--{{ section.id }} .column__image{ padding-top: {{ section.settings.photo_aspect_ratio | times: 100 }}%; }

{% capture slider_attributes %}
  data-slider="{{section.id}}" data-infinite="false" data-cell-align="left" data-group-cells="true" data-dots="hidden" data-arrows="true" data-arrow-position-middle data-watch-css="true"
{% endcapture %}

{% case section.blocks.size %}
  {% when 1 %}
    {% assign grid_item_width = 'small--one-quarter medium-up--one-sixth' %}
  {% when 2 %}
    {% assign grid_item_width = 'small--one-quarter medium-up--one-sixth' %}  
  {% when 3 %}
    {% assign grid_item_width = 'small--one-quarter medium-up--one-sixth' %}  
  {% else %}
    {% assign grid_item_width = 'small--one-quarter medium-up--one-sixth' %}
{% endcase %}

Here is my URL : www.ambigoose.com

Thank you

Jon

Now :

IMG_D8ED9C71BD53-1.jpeg
IMG_D8ED9C71BD53-1.jpeg828×1792 76.3 KB

Goal

IMG 2.png
IMG 2.png828×1472 42 KB

2

Hello @JonX ,
In your Store

Admin->Actions->Edit Code->Assets->theme.scss

and paste following code at the bottom.

@media only screen and (max-width: 749px){
.flickity-button-circle .column__grid__item {  
    width: 50%;   
}
}
1 Like
3

@oscprofessional THANK YOU SO MUCH