Only some product images are showing on Mobile

[ExoGear1]

Hello, I am having a problem with my images. Only some of them are showing on mobile while all are showing on desktop. Does someone has a solution please? Thank you! 

https://exogear.net/products/exoskeleton-1-0

[ExoGear1]

Is there a specific size they should be? All of my product images are 2048x2048px and in png format. I am not using a third party app either. 

https://exogear.net/products/exo-wallet-carbon-fiber

[ExoGear1]

Here is a video of what is happening.

[azamgill]

Hey @ExoGear1 
I can see the all images that are on the desktop are visible on mobile. can you share some screenshot that explain what is missing?

[ExoGear1]

Hello, please check on this product. All of the images show on desktop however on mobile they are cut off. On mobile the first image is gone, the second image is cut off and the 3rd and 4th work. 

https://exogear.net/products/exo-wallet-carbon-fiber

[ExoGear1]

Yes here is an example

[ExoGear1]

Here is a video of what is happening

[azamgill]

after looking the video, i think your code is modified. Can you please check mobile layout is set to Show Thumbnails ?

otherwise need to check the theme code and fix the problem.

[ExoGear1]

It is set to show thumbnails. You think it may be the code?

[ExoGear1 · Accepted solution]

I solved it. It had to do with the list-unstyled in my css. I did make a change and removed justify-content: center Thank you for your help!

[azamgill]

Glad to know that problem is solved now. 🙂