How to Use Elementor Elements to Navigate Through Multi Scroll Slides

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.
Elementor Multi Scroll Widget
Elementor Multi Scroll Widget
  • 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.
elementor carousel custom navigation
Set Elementor Multi-Scroll left & right sections
  • 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.
Assign ID to Elementor Template Used in Elementor Multi-Scroll Widget
Assign ID to Elementor Template Used in Elementor Multi-Scroll Widget
  • 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 ‘#’.
 Assign ID to the element by adding it in CSS ID
Assign ID to Elementor Element for Premium Multi Scroll widget navigation

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 😁

Related Docs:

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 44+ Elementor Widgets Totally Free of charge.

Premium Addons for Elementor plugin logo

Stay Updated

Subscribe to our newsletter to receive the latest updates and features.