Align product thumbnail images with main product image (square)

[sfths]

Hello, I am trying to align the thumbnails that appear under my main product image exactly below on the left of the main image (see red line), currently they are showing too far over on the left if that makes sense! Please see screenshot below. Please could you help me to sort this? Many thanks

[BSSCommerce-B2B]

@sfths, Could you kindly share your store url and password? I will  check it for you 😍

[Moeed]

Hey @sfths 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[BSS-TekLabs]

Hello @sfths 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[sfths]

thestillhome.co.uk

pw TheStillHome24

[BSS-TekLabs]

I see they are in balance. Is your problem solved?

[Moeed · Accepted solution]

Hey @sfths 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-media-container.constrain-height {
    margin-left: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sfths]

Thanks that worked!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.