Course Content
Advanced
0/31
Elementor: A Complete Tutorial
About Lesson

This video is embedded from Youtube and here’s the original one

In this tutorial we learn how to create a horizontal scrolling website by adding custom CSS and Javascript within Elementor. We’ll start with a vertically designed website, and will walk you through step by step how to transform it into a horizontal layout, whilst keeping the vertical display for the mobile & tablet devices. This tutorial will cover:
✔︎ Creating sections which are suitable for a horizontal scrolling design ✔︎ How to change the page layout from vertical to horizontal using CSS ✔︎ How to add custom Javascript code via the custom code feature
✔︎ And much more!
Timestamp:
00:00 Introduction u0026 overview
01:10 Get started
01:35 Using the canvas layout
01:55 Hide fixed header while editing
02:20 Create new section
03:30Horizontal layouts explained
04:00 Add CSS to amend layout
04:50 Add CSS to fill viewport
05:50 Make amendments for responsive views
07:10Add Javascript to control views per device
08:00 Fix overscroll behaviors
08:50 Comment out CSS to allow easy editing
09:45 See final results u0026 recap

0% Complete
Scroll to Top