How can I hide thumbnails on Crave theme for mobile view?

Technical Q&A
1

Hi everyone I have another issue I am stuck on. How do you hide thumbnails with Crave theme for mobile? On desktop it is fine showing thumbnails but when you go to mobile view all the thumbnails show above product info. I usually use 3 per product and really just want to show the first one on mobile.

Appreciate any help

2

Hello,

Can you share your website link? Basically you want that on mobile phones to show only the first product and hide the other 2?

3

yes that is correct thanks for looking

franzesestage.myshopify.com

doc4040

4

The below code will hide all product thumbnails except the first one.

@media (max-width:768px) {
ul .slider__slide:not(:first-child) {
  display: none;
}
}

Let me know if that was helpful.

5

awesome thank you which asset do I add that to in the edit crave code section

6

You can add the CSS snippet at the end of ‘base.css’ file.

7

awesome Gabriel thanks