[robypre]

When there are more than 4 images in a single product (in the product gallery, or in variants), it’s impossible to scroll these images.

In the mobile version the images are shown all under the main images.

I Sottocoperta My Love Family-Dogs de I Nastri di Mirta

[Althemist]

Hi

Looks like you have too many images and the column is bigger than the main image height because you are also using a sidebar on product pages. In your case may be the best option would be to move the additional images bellow the main image. You can do this with some simple CSS rules. Something like this:

div.product div.images, #content div.product div.images {
        padding: 0;
}
span.onsale {
        top: 30px;
        left: 30px;
}
div.product div.images ol.flex-control-nav, #content div.product div.images ol.flex-control-nav {
        width: 100%;
        position: relative;
        padding-top: 20px !important;
        text-align: left;
}
div.product div.images ol.flex-control-nav li, #content div.product div.images ol.flex-control-nav li {
        margin-right: 5px;
}

Hope this helps.

[Author]

Posts