An Elementor-focused elementor smooth anchor scroll that can be reused through CSS classes, HTML widgets or Custom Code.
1. Add an HTML widget in Elementor.
2. Paste the HTML code into the widget.
3. Add the CSS code to Elementor Custom CSS or your website stylesheet.
4. Add the JavaScript through Elementor Custom Code and set the location to Body End.
5. Apply the supplied class to the matching Elementor widget or container where noted.
6. Replace example text, links and labels with your own content.
7. Test the Elementor utility on desktop, tablet and mobile.
The snippet supports multiple instances on the same page. The utility is scoped to its unique class to reduce conflicts with Elementor styles.
