Today, we are happy to introduce this feature to our customers. You can easily use Elementor elements to navigate through the Elementor Multi Scroll widget sections with any element button, image, icon, Lottie animation, etc.
Requirements:
- You will need Premium Addons PRO plugin installed and activated on your website.
- Also, make sure that this addon is enabled so you can find it in the Elementor editor. Check this article to know how to do that.
- Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.
- Drag and drop Elementor Multi Scroll widget to the page.
- Navigate to Multi Scroll widget settings from Sections and select Left and Right content to be Elementor Templates.
- Select the Elementor Template you wish to place within the Left and Right sections. For additional details on creating a template for Elementor, kindly refer to this article.
- Assign an ID to the template, such as #slide-1, using the Custom Navigation Element Selector. This ID will then be used in the element’s CSS ID to create a link between the elements and the Multi-Scroll section.
- Place the element you intend to use for navigation through the Multi-scroll section; in this instance, we are using a button. To do this, proceed to widget settings -> Advanced tab -> and insert the previously added CSS ID from the Custom Navigation Element Selector; in this example, it’s “slide-1“.
- Please make sure that IDs are inserted without the hash ‘#’.
Everything is now set up, allowing you to navigate through Multi-scroll sections using any element on your page.
If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help 😁