From the course: Learning Elementor for WordPress Design
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Responsive mode - WordPress Tutorial
From the course: Learning Elementor for WordPress Design
Responsive mode
- [Instructor] In today's day and age of web design, you already know that it's not a suggestion, but rather a requirement, to ensure that your website is responsive. It should work well on any number of devices. And that means sometimes we need to alter the layout for different viewport sizes. Let me introduce you to how we can design in a responsive way using Elementor. If you go to the bottom pane of the Elementor window, you'll notice that there is an icon that allows us to enter Responsive Mode. Once we click this, we'll get a new area at the top of our editor pane, which is going to allow us to switch between the Desktop, the Tablet, and the Mobile view. As you can see, sometimes when you switch to either the Tablet or Mobile view, Elementor will automatically alter our layout. In this case, it's making our columns appear in one column rather than two. We also may notice that when we're in the various views,…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Introduction to Elementor workspace5m 48s
-
(Locked)
Understand the structure of Elementor5m 38s
-
(Locked)
Template overview4m 1s
-
(Locked)
Sections6m 10s
-
(Locked)
Columns3m 45s
-
(Locked)
Widgets6m 11s
-
(Locked)
Responsive mode5m 6s
-
(Locked)
Working with Navigator and undo3m 11s
-
(Locked)
Creating custom templates2m 11s
-
-
-
-
-
-