Hello,
in one of our stores, thumbnails in product pages are moved at the bottom of the page, leaving a huge gap between selected (big) image and the thumbnail slider. We need to move them close to the selected image, otherwise they are not visible without scrolling.
What we have: https://kozahive.sk/products/vceli-ul-kozahive-premium
What we want: https://kozahive.cz/products/vceli-ul-kozahive-premium
Thank you very much in advance for your help.
Best, Michal
Go to your code editor > Assets > theme.css or theme.css.liquid and paste below line at the bottom of the file:
.product-single__media {
height: auto !important;
}
@media only screen and (max-width: 749px) {
.product-single__thumbnails-item-slide {
height: auto !important;
}
}
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
It worked, thank you very much!