Transform your Elementor pages with the dynamic power of horizontal scrolling. Engage your audience with visually stunning layouts and navigate through content effortlessly. Elevate your web design game with Horizontal Scroll Elementor.

• Enable horizontal scrolling on an Elementor page.
• The function is activated only on desktop (resolutions greater than 1024 pixels).
• On mobile (smartphones and tablets), vertical scrolling works as usual.
• Left sidebar menu.
• Active classes for the menu.
• Click on the menu to navigate to the section.
• Navigation buttons.

Wordpress 

Elementor Pro

Horizontal Scroll Elementor Documentation

Using the Horizontal Scroll template is very simple, carefully follow the following steps. And if you encounter any issues, feel free to contact me at any time!

1. Create a new Elementor page.
2. Set the page layout to "Elementor Canvas."
3. Import the template you have downloaded; it has a .json extension.
4. IMPORTANT: Make sure to apply the style when importing the template.###/olol###
5. In the hidden menu on the left side of the page, use the correct href and title that you want to display and use on your page.
6. Choose the various containers included in MAIN and use the same CSS ID as the href so that the menu click and active class work during scrolling.
7. To create new containers within MAIN, duplicate an existing one and then change the CSS ID.
8. If you want to create one from scratch, make sure it has an HTML section tag and is inside MAIN, like the existing ones!

Finally, delete the content of the current containers to insert your amazing content and enjoy the horizontal scroll! I would love to see your creation too, send us a link or a photo when you have finished your website!
Important: The horizontal scroll is only active on desktop for resolutions above 1024px for obvious reasons.

See it in action 👉 https://demo.webawesome.it/ele...