How can I align mobile thumbnails within webpage boundaries?

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?