How to change elements' visibility for mobile and desktop

In this tutorial, we’ll show you how to control the visibility of elements for mobile and desktop devices.

Step 1 - Open Section Settings

When you hover over a section, the “Section” menu will appear on the right side of the screen. Click the “Edit Section” button.

Step 2 - Open Elements Tab

In the “Section Settings” menu, go to “Elements” tab.

Step 3 - Hide / Show Elements

You will see a list of all the elements within that section.

Note

Hovering over an ID will visually indicate the corresponding element by lowering its opacity.

To hide an element on desktop, click the desktop icon next to it.

To hide an element on mobile, click the mobile phone icon next to it.

Note

Changing the visibility of an element on desktop does not affect its visibility on mobile, and vice versa.

Next steps:

1. add new element
2. customize element