All Collections
Building Your Site
Building in Showit
How to Show or Hide Design Elements Between the Mobile & Desktop Design
How to Show or Hide Design Elements Between the Mobile & Desktop Design

Use toggle switches to hide or show elements on your desktop and mobile site

Jeff Willems avatar
Written by Jeff Willems
Updated over a week ago

As you've probably noticed by now, when you add design elements to either your Desktop or Mobile layout, they are automatically added to the other layout as well. Most of these design elements can be controlled independently between the Desktop and Mobile layout, and you can learn more about that here.

This article will show you how to use the toggle switches which allow you to hide or show design elements between the Desktop and Mobile Layout.

Hide or Show Design Elements


In the left side Site Panel in the page tab you will see a list of your canvases. If you click on a canvas, it will open to show you a list of all of the elements within that canvas.

To the left of each of these canvases you will see two icons: a mobile device and a desktop. Toggling an icon will cause it to Hide or Show on the respective design.

Hide or Show Canvases


Similarly, you can also hide an entire canvas from your mobile design, desktop design, both, or neither!

Note: This can only be done for a canvas within a page, not a page itself. If you are looking to hide a page, check out this article here.


To do this, click on the three dots to the right of the canvas' name. In the drop down menu that appears, you will see two options with check marks that say Visible On ...

You can toggle these options to make a canvas visible on your desktop design, your mobile design, both, or neither.

Did this answer your question?