The Big Picture Template On Small Screens: Product Image Is Not Centered

Hello everyone,

I have freshly started using the big picture product template and I have noticed a small problem on small screens. While I was checking the products on my page with my smartphone I noticed that the product image is not fully centered on the screen. Please see the attached image to understand what I mean.

https://prnt.sc/rhvn9w

I know that it's not such a big problem but, it keeps bugging my eye. Does anyone have an idea on how to fix it? Thanks in advance.

Try to add the following code to the CSS section of the Theme editor

@media (max-width: 480px) {
    .ty-product-bigpicture .ty-product-bigpicture-thumbnails_gallery {
         padding-left: 0;
    }
    .ty-product-bigpicture .ty-previewer {
        margin-left: 0;
    }
}

It worked like a charm! Thanks eComLabs!

You are welcome! :)