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

Solved
JonX
Explorer
69 6 30

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 }}%; }
</style>

{% 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

Goal

IMG 2.png

0 Likes

This is an accepted solution.

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%;   
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
JonX
Explorer
69 6 30

@oscprofessional THANK YOU SO MUCH

0 Likes