How to use the responsive device toggle

The Responsive Device Toggle allows you to customise the appearance of rows, columns, and modules on a per-device basis, using the EE Builder's breakpoints. A device icon will appear next to options that support the Responsive Device Toggle. Every device size is represented by a different icon, making it easy to distinguish the device size you're currently using.

Clicking the device icon allows you to cycle through different device sizes. The sizes appear in the following order:


1. Extra Large (default)

2. Large

3. Medium

4. Small


After Small, clicking the icon again will loop back to Extra Large.


Here's an example of how you can use the Responsive Device Toggle to optimise your layout and design for different devices, ensuring a seamless user experience across all screens.


1. Extra Large


2. Large


3. Medium



4. Small


Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.