Zeno Page Builder support designing page on 3 different screen modes: Desktop, Tablet and Mobile. You can easily change between these modes by using the Screen switcher at the Topbar.

Responsive settings

Almost any element style settings (color, font size, font family, ...) support responsiveness.

You can change element setting on a screen, change screen mode and then change setting again, the setting will become responsive on different screen sizes. Notice the icon appear above the setting.

You can now switch between screen sizes to confirm it is truly responsive. You can also click on the responsive icon to apply the current setting to all screen sizes.

Responsive breakpoints

By default, Zeno comes with breakpoints:

  • Tablet if screen width is smaller than 1025px.

  • Mobile if screen width is smaller than 720px.

You can change these breakpoints by go to Setting > Breakpoints from the Sidebar.

Did this answer your question?