How to display the fourth product on mobile in a collection list?

Store Design
1

Hello,

The fourth product is hidden on Mobile and i need to show it :

mobile.PNG
mobile.PNG501×580 114 KB

Website is : https://www.boutique-militaire.fr/

I hope you can help me ! Thanks you.

2

Hi there @Re4lityShaper ,

Add the following code to your theme.scss.liquid file (You’ll find it in Assets folder).

#shopify-section-1561624391297 .small--hide, #shopify-section-162688328038682df3 .small--hide {
    display: block !important;
}

Hope it solves your issue.

3

Not working, it shows 5 products now. Its maybe because i have this in collection-list-item.liquid :


  

    {% if featured_collection.image %}
      {% assign collection_image = featured_collection | img_url: '235x235', scale:2 %}
    {% else %}
      {% assign collection_image = featured_collection.products.first | img_url: '235x235', scale:2 %}
    {% endif %}
    
      

        

{{ featured_collection.title }}

        

{{ 'collections.general.view_all' | t }}

      

    
  

  {% for product in featured_collection.products limit: 4 %}
    {% comment %}
      Hide the last product for a better mobile view
    {% endcomment %}
    
      {% include 'product-card', product: product, divh3tag: 'h3', product_card_info_height: '1' %}
    

  {% endfor %}
4

Hi there @Re4lityShaper ,

If you want to display 4th product but not the 5th one, you can contact me and I’ll do it for you with some coding customizations.

5

I’ve linked the website above can you check and send the code here ? So people with my problem get help too with the problem solved ?