Moblie .css For Option Images

General Forums General Questions
#1

Can anyone tell me which file i edit to make the images spread across the screen more in mobile view.

It looks like screenshot "options images" attached

but i need them to be wider as "option images 2" which is my desktop view or get around 5 or 6 in a row

https://www.hivis.co.uk/uneek-classic-polo-shirt-uc101.html

Thanks

John

option images 2.jpg

option images.jpg

#2

You desktop view also has padding, and this padding does not become smaller in mobile view so it's relatively very big. 

.ty-product-detail .ty-product-block__left {
   padding-right: 130px;

Making the 130px smaller should to the trick.

#3

If you want these changed to be applied on the mobile devices only, please use the following code in the CSS section of the Theme editor

@media screen and (max-width: 480px) {
    .ty-product-detail .ty-product-block__left {
        padding-right: 130px;
    }
}
#4

Worked thanks, with padding 50px is best