In this lesson, you’ll learn how to edit your pages in Elementor to make them responsive and readable on smaller screens, like tablet and mobile devices.
In this lesson, we’ll edit our home page so it’s responsive and readable on smaller screens, like tablet and mobile devices.
You’ll learn how to put Elementor into responsive mode, using either the Responsive icon in the bottom toolbar, or the responsive controls next to many of the widget’s style settings.
You’ll learn the order that Elementor applies responsive styles.
The rule is: any styles set on larger screens automatically trickle down to smaller screens, unless you override them.
We’ll then work through editing each responsive screen mode, starting with making adjustments for tablet-sized screens, followed by any further edits required for mobile-sized screens.