Loop Carousel – duplicate slides visible with overflow CSS

  • podariemociq

    (@podariemociq)


    1 week, 4 days ago

    Hi,

    https://ibb.co/tR9BbtZ

    I’m experiencing a visual bug with the Loop Carousel widget on my homepage.

    Site: giftlab.bg
    Elementor: 3.35.0
    Elementor Pro: 3.25.3
    Theme: WoodMart 7.3.0 (child theme)

    The issue:
    The Loop Carousel requires custom CSS “overflow: visible !important” on .swiper-wrapper to render at all — without it, the carousel disappears completely. However, with this CSS, swiper-slide-duplicate elements become visible, showing duplicate posts and vertical text/numbers between slides (see attached screenshot).

    Settings:
    – Number of slides: 6
    – Slides on display: 3
    – Infinite scroll: ON (issue persists with OFF as well)
    – Pagination: Dots
    – Equal Height: ON

    What I’ve tried:
    – Toggling Infinite scroll, Equal Height, and Pagination
    – Disabling all caching plugins (WP Rocket)
    – Clearing Elementor CSS cache (Clear Files & Data)
    – Various CSS fixes to hide duplicates — all either break the carousel or don’t work

    The carousel only works with overflow: visible, but this exposes the duplicate slides. Could you advise on a fix?

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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.