All Collections
The Page Builder
Hide Objects in Mobile View
Hide Objects in Mobile View

The hide feature allows you to hide content from being displayed while viewing the site from a mobile device.

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

In this article you will learn how to hide content on your page when viewed on a mobile device or a tablet, without deleting the content. 

1. Open the Mobile View

In a previous article, Edit a Page for Mobile Screens we learned that if you want to adjust or edit the layout on a particular screen type like a mobile screen, then the adjustment should be done while you're viewing your page on that type of screen. The same goes when you're hiding objects on a particular type of screen.

Click the mobile view icon from the bottom right corner of the screen.

2. Select the Object

While on mobile view, select the object that you want to hide. 

3. Hide the Object

  • Click the "Show All Objects" menu from the bottom left corner of the screen.

  • Scroll down on the list of objects to find the object that you want to hide, it should be the object name that is in red. If you're hiding a column or container, click the sections tab to find the object.

  • Click the hide/unhide icon (eye icon) beside the object name. The object should disappear from the page. If you're hiding a column or container with objects inside, the object inside it will also be hidden.

4. Publish Your Page
That's it, you're done! Test it out by viewing the published page on your computer and your mobile

Did this answer your question?