WorksheetsWES Ch 4 Responsive design with Elementor
Total questions: 17
Worksheet time: 9mins
Which devices can you preview your design for using Elementor's responsive mode?
None of the above
Desktop and Mobile only
Desktop only
Desktop, Tablet, and Mobile
Desktop, Tablet, Mobile, and Smart TV
What does the 'Reverse Columns' option do in Elementor's responsive settings for mobile?
It does nothing, this is a deprecated feature
It hides the columns in the section when viewed on mobile devices
It flips the order of columns in a section when viewed on mobile devices
It reverses the orientation of text and images within each column
None of the above
What happens when you hide a column on a specific device in Elementor?
The column is not displayed on the live page when viewed on that device
None of the above
The column disappears from the Elementor editor for that device
The column is replaced with a placeholder on the live page when viewed on that device
What is the best way to ensure your images look good on all devices in Elementor?
Use the 'Image Size' option in the Content tab for the Image widget
Use the 'Width' and 'Height' options in the Style tab for the Image widget
None of the above
Use the 'Image Size' option in the Content tab for the Image widget, with the appropriate device selected
How can you change the column layout for tablet devices in Elementor?
None of the above
Use the 'Column Width' option in the Style tab for the column
Use the 'Column Order' option in the Layout tab for the column
Use the 'Column Width' option in the Layout tab for the column, with the Tablet device selected
This is not possible in Elementor
Can you hide a column on desktop devices but display it on mobile and tablet devices in Elementor?
None of the above
Yes, but only with custom CSS
Yes, by enabling the 'Hide On Desktop' option in the Responsive section for the column
No, you can only hide columns on mobile and tablet devices
Yes, but only with a third-party plugin
Where can you find the option to hide a column on specific devices in Elementor?
In the Layout section in the Content tab for the column
None of the above
In the Column Width section in the Style tab for the column
In the Responsive section in the Advanced tab for the column
In the Visibility section in the Advanced tab for the column
Can you hide a column on all devices in Elementor?
Yes, but only with custom CSS
No, at least one device must be selected for each column
Yes, by enabling all the 'Hide On' options in the Responsive section for the column
Yes, but only with a third-party plugin
None of the above
What is the recommended way to hide columns on specific devices in Elementor?
Delete the column and recreate it with the desired settings for each device
Use the 'Hide On' options in the Responsive section for the column
None of the above
Use custom CSS in the Advanced tab for the column
Use a third-party plugin
Where can you find the responsive mode switcher in the Elementor editor?
None of the above
In the Settings panel
In the Style tab for each widget
In the bottom panel of the editor
In the hamburger menu in the top left corner of the editor
Which Elementor feature allows you to preview how your site looks on different devices?
Responsive Mode
Device Mode
Tablet Mode
Preview Mode
Mobile Mode
What does the 'Reverse Columns' option do in the Responsive section for a section in Elementor?
It changes the order of the widgets in each column for mobile devices
It hides the columns in the section for mobile devices
None of the above
It changes the order of the columns in the section for mobile devices
Can you set different font sizes for different device types in Elementor?
Yes, by using the device switcher in the Typography section in the Style tab
No, font sizes are consistent across all device types in Elementor
Yes, but only with custom CSS in the Advanced tab
Yes, but only with a third-party plugin
What is the purpose of the 'Hide On Mobile' option in Elementor's responsive settings?
It hides the mobile editing tools in the Elementor editor
None of the above
It hides the selected widget or section when the site is viewed on mobile devices
It disables mobile responsiveness for the selected widget or section
It hides the mobile preview in the Elementor editor
Can you set different margin and padding values for different devices in Elementor?
None of the above
Yes, but only with a third-party plugin
No, margin and padding values are the same across all devices
Yes, using the device switcher in the Advanced tab for the widget or section
Yes, but only with custom CSS
Where can you find the option to adjust the margin and padding for different devices in Elementor?
In the Layout section in the Content tab for the widget or section
In the Responsive section in the Advanced tab for the widget or section
In the Margin and Padding section in the Style tab for the widget or section
In the Advanced tab for the widget or section, after selecting the appropriate device mode
None of the above
How can you hide a widget on mobile devices in Elementor?
Use the 'Hide On Mobile' option in the Responsive section in the Advanced tab for the widget
Use custom CSS in the Advanced tab for the widget
Use the 'Visibility' option in the Style tab for the widget
This is not possible in Elementor
