Okay
  Public Ticket #2238584
Shop product page single image mobile
Closed

Comments

  • Tai-li started the conversation
    December 9, 2019 at 6:20pm

    Hello :)

    On mobile only, when my product page is displayed, the positioning of my image gallery has a small problem. First/Main image is higher, and all other images are lower. Please see attachment.

    Can you help me to resolve this please? Thank you :)

    {"wp":{"use":false,"adminUrl":"https://www.victate.co.uk/shop/black/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  • [deleted] replied
    December 10, 2019 at 9:07am

    Hi Tai-li,

    Please add the code below to your Custom CSS area:

    @media screen and (max-width: 768px) {
    .woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain .woocommerce-product-gallery__image ~ .woocommerce-product-gallery__image {
        margin-top: 0px !important;
    }
}

    This problem will be fixed in the next theme update so you will not need to keep the CSS code in your Custom CSS area when Kalium 2.9.5 is available.

    Have a nice day!