Hey,
I want to change my thumbnail position in main product. As of now the thumbnail is show the bottom of the main product image. So I need change thumbnail position bottom to left.
I using the vivid theme.
Please resolve the problem
Best regards
Sohan
Hey @Sohan2198 ,
Can you share the store url and store password (if any)
Please check @ThePrimeWeb
Hey @Sohan2198 ,
Please try this and let me know 
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Sohan2198 ,
I don’t see the changes in the website code, are you sure you saved it and please check if you are in the correct theme.
I replace Id the class
@media only screen and (min-width: 991px) { media-gallery.product__media-gallery { display: grid; grid-template-columns: 1fr auto; } slider-component.slider-mobile-gutter { margin-left: 110px; } slider-component.slider-mobile-gutter { width: 110px; position: absolute; margin-top: 0; } .thumbnail-slider ul.pswp-gallery product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile { flex-direction: column; width: 100%; height: 600px; } .thumbnail-slider ul.pswp-gallery product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile li { width: 100%; } media-gallery.product__media-gallery .slider-button { display: none; } }Your classes are wrong, see the code I just pasted above your reply
Hey @Sohan2198 ,
Those buttons didn’t work since the beginning. I am not sure what’s causing it. That’s why I put a display none in the CSS .
