Display Thumbnails for Products on Mobile

Site URL: http://www.instaworthyconcepts.com

I'm having trouble. I used this code: 

@media screen and (max-width:767px) {
.ProductItem-gallery-thumbnails {
    display: flex;
}
.ProductItem-gallery {
    flex-direction: column-reverse;
}
.ProductItem-gallery-slides {
    width: 100%;
}
}

and it was working just fine for the past month. Today, suddenly, thumbnails no longer display under my products on my page. I had it set up so that desktop and mobile versions both have thumbnails, but now that's no longer the case.

Is there another way anyone knows of that I can either A) place the thumbnails below my products again, or B) Place dots / squares / something below them so that people can see that there are more images in the slides?

Can you share link to a product? We can check easier.

On 8/31/2020 at 4:36 AM, tuanphan said:

Can you share link to a product? We can check easier.

Website is http://www.instaworthyconcepts.com

Thank you!

4 hours ago, IWConcepts said:

Website is http://www.instaworthyconcepts.com

Thank you!

I can't find shop page. Can you share link to shop or a product?

7 hours ago, tuanphan said:

I can't find shop page. Can you share link to shop or a product?

Http://www.instaworthyconcepts.com/shop

Sorry! If you click on any of those items while on mobile, you'll notice no thumbnails are displayed. Extremely frustrating that the old CSS just decided to stop working out of nowhere.