Collection List display on Mobile

Re4lityShaper
Tourist
25 0 2

Hello,

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

 mobile.PNG

 

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

I hope you can help me ! Thanks you.

Replies 4 (4)

UmairA
Shopify Partner
1106 101 225

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.

Re4lityShaper
Tourist
25 0 2

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

<div class="grid grid--no-gutters grid--uniform collection">
  <div class="grid__item small--one-half medium-up--one-fifth collection__cover">
    {% 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 %}
    <a href="{{ featured_collection.url }}" class="collection-card lazyload" data-bgset="{{ collection_image }}">
      <div class="collection-card__meta">
        <p class="h1 collection-card__title">{{ featured_collection.title }}</p>
        <p class="collection-card__subtext">{{ 'collections.general.view_all' | t }}</p>
      </div>
    </a>
  </div>
  {% for product in featured_collection.products limit: 4 %}
    {% comment %}
      Hide the last product for a better mobile view
    {% endcomment %}
    <div class="grid__item small--one-half medium-up--one-fifth{% if forloop.index == 4 %} small--hide{% endif %} si-hover-product">
      {% include 'product-card', product: product, divh3tag: 'h3', product_card_info_height: '1' %}
    </div>
  {% endfor %}
</div>

 

UmairA
Shopify Partner
1106 101 225

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.  

Re4lityShaper
Tourist
25 0 2

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 ?