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

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,…

Contents