How can I align secondary product images with the main one in Studio Theme?

[GeeKyuu24]

Hi Team.

How can I move the 2nd product images align with the main product image?

Store: Glowcare.se
PS: Glowcare1991

[theycallmemakka]

Hi @GeeKyuu24 ,

I reviewed the store and have written a CSS for this issue. Please add below css to theme.liquid file

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 tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution! If you want any help to add this code to your theme, feel free to contact me.

Best Regards

Makka

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product--thumbnail_slider .thumbnail-slider {
align-items: baseline!important;
}