[frederickabdelmassih]

Hello, i am having an issue with the images on product pages
https://we.tl/t-6pullT7GDU
Hope you can assist

[Althemist]

Hello frederickabdelmassih,

It looks like your products have way to much images to fit on the screen. If you really need to use that much images, probably the best option for you would be to move them bellow the main image. You can do this with the following CSS:

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.

Regards,
Dimitar

[Author]

Posts