Responsive Breakpoints
Last updated
Was this helpful?
Last updated
Was this helpful?
The responsive breakpoint system in Elements allows you to change component properties at different user defined breakpoints (i.e. Mobile, Table, Desktop, etc).
Breakpoints for a project be defined in the Screens area of the Theme Studio.
If you pay attention, on the first “mobile” screensize you do not have any blue dots. As you move up to the next size (SM) you'll see grey dots beside the controls in the Component inspector. If you click on a grey dot (to turn it blue) you can override the setting for that control. Once you add a blue dot you will have that setting for everything above. It’s always left to right.
The following videos will show you how to Breakpoints in Elements. The following videos were recorded with a development version of Elements so the feature(s) available now may differ slightly to those in the video.