Table of Contents
Set columns, spacing and other values separately for desktop, tablet and mobile.
- Find a setting with a small screen icon next to its name, for example Columns in Display Options.
- Click the icon and choose the device: desktop, tablet or mobile. The preview switches to that size.
- Set the value for that device. Each device keeps its own value.
- Switch back to desktop when you are done. You can also change the preview size at the bottom of the Elementor panel.
What can be set per device #
- Columns (Grid, List, Masonry and the other column layouts).
- The margins of every part of the card, and the box padding.
- Accordion item padding and table cell padding.
- Carousel arrow size and margin.
- Section title alignment.
- Filter columns and the gap between them, and the search box width.
- Timeline columns.
Separately, the Pagination Type for Mobile setting picks a different pagination type on phones. See Mobile Pagination and Labels.
To hide a whole widget on one device, use Elementor’s Advanced > Responsive settings.
