You can optimize your Pagebuilder page for display on mobile and desktop screens by setting each page component (sections, rows, and columns as well as components) to always be displayed or only be displayed on certain screen types. For example, you can show large product images on desktop screens and hide them on smartphones to save space.For each section, row or component, you can adjust the visibility in the respective sidebar. This is relevant for mobile and desktop website optimization. For example, you can place two rows of introductory text below each other. In the row for the desktop view, you can add a large product image. In the row for the mobile view, only the text will remain. By adjusting the visibility, you determine that an introduction with an image will be displayed on desktop screens, but won't be displayed on mobile devices.How to show or hide page components:Click on the section, row, or component you want to adjust. The colored frame will be displayed.Click on the gear icon in the frame elements. The sidebar will be displayed.Click on one of the following options in the sidebar:AllThe page component will be displayed on all screens.Mobile only or Desktop onlyThe page component is only displayed on the selected type of screens and hidden on others. The page component is outlined in red and marked with a label:HideThe page component won't be displayed at all. This allows you to insert content that should not yet be used. For example, you can insert a component for an image that is still waiting for approval. Hidden page components can be displayed again in the following ways:Click on one of the buttons Sections, Rows or Components in the header and then on Manage. A sidebar will be displayed.Page components with a crossed-out eye icon are hidden. Click on it to make the page component immediately visible in the Pagebuilder. (This change will only be visible to the public once saved).