Easy Elementor Horizontal Scrolling Page Layout!

Table of Contents

Get a nice looking horizontal page layout for the desktop version. Back to normal for tablets and mobiles.

See the demo page and download the template here!

To begin with, download and import the template

This will work right away with Elementor Pro. It works great with Elementor Free also, but you won't have the Nav element, and the social icons.

Then, verify that you have a full width page layout

This step is optional. Follow only if the design is not displaying fine for you.

Click on the gear icon in the lower left part of your screen. Then you will see the different page layouts available for you. They will differ depending on what theme you are using.

With Hello theme, Default works just fine.
Easy Elementor Horizontal Scrolling Page Layout! 1

After that, modify the code to fit your requirements

If you want to add or remove sections, you will need to edit the code. More information about this in the video.

Finally, enjoy your awesome Elementor column hover changing background images design!

Let me know if everything works for you!


Share on facebook
Share on twitter
Share on linkedin