Breakpoints

Select a breakpoint in the View bar

Breakpoints (control points) are the conditions under which additional design options for your page appear. For example, if your screen width is less than 768px, you can turn your four-column layout into a two-column layout.

Choosing the breakpoint design is up to you. Just activate the desired breakpoint and set the element styles. There are three ways to activate a breakpoint:

Select an option from the dropdown list.
Click on the corresponding breakpoint width range on the panel.
Stretch or narrow down the page to the desired width.

If you want to add a custom breakpoint or edit an existing one, go to the Theme panel and click on the + button to add a new value to the Breakpoints section.

Breakpoint setting in Theme / Breakpoints