Duplicate Sections, Rows and Modules

You can then move the block around with the arrow icon.

Changing Visibility on Section, Row or Modules

Sometimes you need to change the visibility on any section, row or module.

Visual Builder offers the option to hide your chosen modules on specific devices. These devices and their respective sizes (viewport width) are as follows:

Desktop: 981px or bigger
Tablet: 980px and not smaller than 767px
Phone: 767px or less

Note: Modules that are hidden on a device will display at 50% opacity in the Visual Builder.

The Disable on option can be accessed in two ways.

Right-click on the module and then choose the Disable item in the drop-down list. You can toggle the devices icons to enable/disable the module visibility.

Module Settings

Open the module settings modal and go to Advanced > Visibility. Toggle the device checkbox to enable/disable visibility.

Note: The option is available on all sections, rows and content modules, except for columns.

Quick Layout Tool

Selecting the Quick Layout Tool in the block toolbar will switch the layout of your block between the different options for your specific block template.
You can choose to view by wireframe view, zoom out, desktop, tablet or phone view so you can adjust the look based on the devices.

Saving Your Page

To save your changes, click on the purple icon at the bottom of the page, and click Save in the bottom right-hand corner.

Exit Visual Builder and you can view your page.

There you have it!

To recap, you can edit most elements by hovering over them and clicking on the cog icon. To edit text, click and type. Each module must sit inside a row, and each row must sit inside a section. You can even drag and drop any element! So if you need to move something, it’s as easy as grabbing it with your mouse and dropping it where you want it to go. To delete an element, hover over it and click on the trash can icon. To copy an element, hover over it and click on the duplicate icon. Easy!