Toggle Visibility

The Toggle Visibility addon in SiteOrigin Premium allows you to hide rows and widgets on specific devices. It also allows you to hide a row or widget on all devices. Once the addon is activated at SiteOriginPremium Addons you’ll see the Toggle Visibility section under Row Styles when editing a row and under Widget Styles when editing a widget.

Toggle Visibility for Page Builder Rows

To edit a row in Page Builder, hover over the wrench icon on the far right of an existing row. Click Edit Row to begin editing the row.

Once editing the row, click the Toggle Visibility heading under Row Styles.

The following row Toggle Visibility options are available:

Hide Row
Enabling this option will hide the row on all devices. There are a few possible applications for this setting. Perhaps you have content on a page that you’d only like published at certain times of the year. Or perhaps you’re busy adding a new row to an existing page and don’t want it published just yet.

Hide on Desktop
Enable to hide the row on desktop devices.

Hide on Tablet
Enable to hide the row on tablet devices.

Hide on Mobile
Enable to hide the row on mobile devices.

Toggle Visibility for Widgets in Page Builder

To edit a widget in Page Builder, hover over the widget and click the Edit link.

Once editing the widget, click the Toggle Visibility heading under Widget Styles.

The following widget Toggle Visibility options are available:

Hide Widget
Enabling this option will hide the widget on all devices. There are a few possible applications for this setting. Perhaps you have content on a page that you’d only like published at certain times of the year. Or perhaps you’re busy adding a new widget to an existing page and don’t want it published just yet.

Hide on Desktop
Enable to hide the widget on desktop devices.

Hide on Tablet
Enable to hide the widget on tablet devices.

Hide on Mobile
Enable to hide the widget on mobile devices.

Adjusting Page Builder Responsive Breakpoints

If you’d like to change when tablet and mobile device widths are applied, go to SettingsPage BuilderLayout. If required, the following can be changed:

Tablet Width
Defaults to 1024px. Device width, in pixels, to collapse into a tablet view.

Mobile Width
Defaults to 780px. Device width, in pixels, to collapse into a mobile view.