Elementor allows you to view your page or post in three device views, as follows:
- Desktop
- Tablet
- Mobile
This allows you to see how a page or post is rendered on that device, allowing you to make adjustments for sizing to display your content catered to those devices.
View Responsive Modes
You can view the three responsive modes by clicking on the responsive icon in the Elementor toolbar.
When you click the icon, it will by default switch to mobile view.
In older versions of Elementor, a pop-up will appear showing you the three view options.
By default every page or post is rendered in desktop view.
Editing in Responsive Mode
Editing in responsive mode works exactly the same way as desktop mode. Just like desktop mode, if you make any changes, you can see what the site will look like on that screen size.
You can edit the content as usual, and edit the styling using the same sidebar as the desktop version (on the left of the screen).
Elementor tips
As always, the Elementor site has some handy tips on how to get the best out of your responsive site. Click on the video to see the full range of options within Elementor’s responsive view, or click the button below to go to their how to page on in-depth responsive settings.