Space between main image and thumbnails on mobile

  • Resolved Dev T2R

    (@devt2r)


    4 months, 3 weeks ago

    Hi,

    I hope you’re well.

    I’ve recently encountered an issue with the Product Video Gallery Slider for WooCommerce on mobile devices. Despite disabling all optimizations from the Litespeed Cache Plugin, the problem persists.
    Basically, there’s an unusual space between the main image and the thumbnails gallery, as if the layout is breaking. However, if I switch to the next or previous image, the layout seems to return to normal.

    I haven’t applied any custom css code for this plugin.

    I appreciate any assistance you can provide to resolve this.

    Thank you.

    • This topic was modified 4 months, 3 weeks ago by Dev T2R.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author NikHiL Gadhiya

    (@nikhilgadhiya)

    Hello,
    Please add the following CSS in your website.

    .images.nickx_product_images_with_video .nickx-slider-for .nslick-list.draggable .nslick-slide:first-child {
        min-height: 380px !important;
    }


    Thank You.

    Thread Starter Dev T2R

    (@devt2r)

    Hi, thanks for the reply.

    The code seems to have helped somewhat, but the issue still persists on some devices with smaller screens (e.g., Galaxy S20). The extra space only appears on the first image.

    Thanks.

    Plugin Author NikHiL Gadhiya

    (@nikhilgadhiya)

    Hello,
    Please replace 380px with 363px in the last provided CSS.


    Thank You.

    Thread Starter Dev T2R

    (@devt2r)

    Thanks. The problem was resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.