You can see the last image is way off to the side and doesn’t show when viewing the web page normally. How can I fix it to line it up within the same boundaries as the rest of the thumbnails?
Hi @jsbuildco
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag
@media screen and (max-width: 767px){ html, body { overflow-x: hidden! important; } }Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN
Hope that my solution works for you.
Best regards,
Richard | PageFly
Thank you! Moved it in line but it’s still not immediately visible. How can we fix that?
Now when I click on one of the thumbnail images to select it, and then click it as the primary photo, it only opens the first image. Any idea why?
Sure how?

