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.

Saiful Islam

Fazle Bari

B.M. Rafiul Alam

CodeAstrology IT Firm

UltraAddons

<p><strong>UltraAddons for Elementor</strong> is a feature-rich addon library for the Elementor Page Builder. It provides unique widgets, ready-made templates, and powerful tools to build complete websites easily using drag & drop — no coding required.</p>
<p>Create stunning pages in just a few clicks. UltraAddons works with any WordPress theme and plugin, offering advanced customization, flexible display conditions, and useful extensions.</p>
<h3>⭐ Features</h3>
<ul>
<li>85+ Full Page Templates  </li>
<li>500+ Ready-to-use Blocks  </li>
<li>Add Custom Fonts (Free)  </li>
<li>Logical Widget Conditions (Show/Hide widgets by condition)  </li>
<li>Custom Header for any page or entire site  </li>
<li>Custom Topbar for announcements or offers  </li>
<li>Custom Footer for any page or entire site  </li>
<li>Display Elementor Page / Section / Template anywhere using shortcode (example: <code>[UltraAddons_Template id='123']</code>)  </li>
<li>Many ready widgets  </li>
<li>Woo Product Table with design, typography and styling controls  </li>
<li>Wrapper Link for section/column/widget  </li>
<li>Hover animation for any section/column/widget  </li>
<li>Advanced Heading with color & typography controls  </li>
<li>Advanced Button with color & typography controls  </li>
<li>Advanced Slider with dynamic content and pre-built templates</li>
</ul>
<h3>🚀 500+ READY BLOCKS AND 85+ READY PAGES</h3>
<p>Use our pre-made sections and templates to create your site quickly and professionally.</p>
<h3>📌 Demo (selected)</h3>
<ul>
<li>Advance Heading — Advance Heading widget  </li>
<li>Button — Powerful button widget  </li>
<li>Counter — Animated counter widget  </li>
<li>Count Down Timer — Countdown timer  </li>
<li>Step Flow — Info box for services or process steps  </li>
<li>Hotspot — Product hotspots  </li>
<li>Icon Box — Icon with text box  </li>
<li>Testimonial Box — Beautiful testimonial display  </li>
<li>Team Box — Team member display  </li>
<li>Card — Profile or product card  </li>
<li>Skill Chart — Display skills/statistics  </li>
<li>Post Timeline — Timeline post view  </li>
<li>Work Hour — Display working hours or official hours  </li>
<li>News Ticker — Display notices or news  </li>
<li>Moving Letters — 15 animation styles for text  </li>
<li>Dual Color Heading — Attractive dual-color headings  </li>
<li>Timeline — Company or personal timeline  </li>
<li>Accordion — FAQ or information accordion  </li>
<li>Animated Headline — Animated heading styles</li>
</ul>
<p>👉 View All Demos: https://ultraaddons.com/widgets/</p>
<h3>🛒 WooCommerce</h3>
<ul>
<li>Product Categories  </li>
<li>Product Grid  </li>
<li>Product Table  </li>
<li>WooCommerce Products widget  </li>
<li>Products Carousel  </li>
<li>Products Flip</li>
</ul>
<h3>📝 Forms</h3>
<ul>
<li>Contact Form 7 integration  </li>
<li>WPForms integration  </li>
<li>Formidable Forms integration  </li>
<li>Caldera Forms integration</li>
</ul>
<h3>📊 Charts</h3>
<ul>
<li>Bar Chart  </li>
<li>Line Chart  </li>
<li>Pie Chart  </li>
<li>Polar Chart  </li>
<li>Doughnut Chart  </li>
<li>Mixed Chart  </li>
<li>Radar Chart</li>
</ul>
<h3>✨ Extensions</h3>
<ul>
<li>Wrapper Link — link any element.  </li>
<li>Hover Effect — add hover effects to elements.  </li>
<li>CSS Transform (Pro) — advanced transforms (Pro).  </li>
<li>Animation Effect (Pro) — advanced animations (Pro).  </li>
<li>Background Overlay — overlay effects.  </li>
<li>Ultra Effect (Pro) — advanced visual effects (Pro).  </li>
<li>Gradient Text — gradient color effects on text.</li>
</ul>
<h3>Header & Footer Builder</h3>
<p>To replace or add to your theme’s default header/footer using Elementor templates:</p>
<p><strong>Step 1:</strong> Create an Elementor template: <code>Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> Elementor Template <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New</code> (create as Page template).<br />
<strong>Step 2:</strong> Go to <code>Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> UltraAddons <span aria-hidden="true" class="wp-exclude-emoji">→</span> Header Footer</code> and choose your template for header/footer.</p>
<h3>Shortcode: <code>[UltraAddons_Template id='template_id']</code></h3>
<p>Use this shortcode to display any Elementor page/section/template anywhere (widgets, posts, Gutenberg blocks). Example: <code>[UltraAddons_Template id='123']</code> — here 123 is the POST_ID of the Elementor template.</p>
<p><strong>🥇 CONTRIBUTE</strong><br />
You are welcome to contribute to this project. Fork the repository on GitHub.</p>
<p><strong><em>Credits</em></strong><br />
* Owl Carousel v2.3.4 — https://github.com/OwlCarousel2/OwlCarousel2<br />
  License: https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE<br />
* jQuery countTo — https://github.com/mhuggins/jquery-countTo<br />
* jQuery.Appear.js — https://github.com/morr/jquery.appear<br />
* jQuery.barfiller.js — https://github.com/9bitStudios/barfiller</p>


UltraAddons for Elementor

Free widgets, Custom Fonts, Custom CSS, Anywhere Elementor Shortcode, Header & Footer Builder, Menu Builder, WooCommerce Widgets.

Header scroll event for Elementor vs UltraAddons for Elementor