Multiple Canvas Swipe Sliders in one document

Hi,

I want to implement several Canvas Swipe Sliders in the same document.

I change the <section id="slider"> to a unique value, such as slider-2, slider-3 etc. and I have removed the .slider-parallax and -slider-parallax-inner classes on all the sliders.

However, the second one does no play and the .slider-caption (caption/text/button) is misplaced in the upper left corner, without any padding.

Please see code example below

Thanks!

Best regards,
Suddaren

---

<section id="slider-2" class="swiper_wrapper full-screen clearfix" data-autoplay="7000" data-speed="650">

            <div class="swiper-container swiper-parent">
                <div class="swiper-wrapper">

                    <!--Forst Slide-->
                    <div class="swiper-slide dark" style="background-image: url(...); background-position: center top">
                        <div class="container clearfix">
                            <div class="slider-caption">
                                <h2 style="text-decoration">My headline</h2>
                                <p>Create just what you need for your Perfect Website.</p>
                                [Learn More](#)
                            </div>
                        </div>
                    </div>

                    <!--Second Slide-->
                    <div class="swiper-slide dark" style="background-image: url(...); background-position: center top">
                        <div class="container clearfix">
                            <div class="slider-caption">
                                <h2 style="text-decoration">My second headline</h2>
                                <p>Create just what you need for your Perfect Website.</p>
                                [Learn More](#)
                            </div>
                        </div>
                    </div>

                </div>

                <div class="swiper-pagination"></div>
            </div>

    </section>