Michael

<p>Adds a scrolled class to the body and header element when you scroll your page.</p>


Header scroll event for Elementor

Adds a scrolled class to the body and header element when you scroll your page.

<p>Creates a simple Swiper slider out of container elements. Flexbox has to be active.</p>
<h3>How to use it</h3>
<p><iframe loading="lazy" title="Slide everything for Elementor" width="750" height="422" src="https://www.youtube.com/embed/s8oyX1u-T6E?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<ul>
<li>create a horizontal container and give it an ID (Advanced – CSS ID)</li>
<li>add multiple sub containers (those are the slides)</li>
<li>add the <code>Slide everything</code> widget somewhere in the page</li>
<li>set the ID of the container in “Slider ID”</li>
<li>change some settings</li>
<li>preview the page</li>
</ul>
<p>Events:</p>
<p>You can listen to the <code>miga_slide_everything_init</code> event to get informed when the slider is ready to use:<br />
    <code>document.addEventListener("miga_slide_everything_init", function(e) {<br />
  alert("ready");<br />
});</code></p>
<p>Currently only working with one slider in your page!</p>


Slide everything for Elementor

Creates a simple Swiper slider out of container elements. Flexbox has to be active.

Header scroll event for Elementor vs Slide everything for Elementor