Skip to main content

Hide page blocks on specific screen sizes

Written by Jerica

You can hide a PageBuilder block on specific screen sizes when a section works well on desktop but feels too long, crowded, or image-heavy on smaller devices.

To hide a block for one screen size:

  1. Open the page in the Page Editor.

  2. Use the responsive toolbar to switch to the screen size you want to edit. The available views are Desktop, Laptop, Tablet, Mobile (Large), and Mobile (Small).

  3. Open the Blocks tab.

  4. Find the block you want to hide, select the ... menu next to it, then choose Hide.

The block is hidden for the screen size you are currently editing. If you switch back to the same screen size later, the menu changes to Show so you can make the block visible again.

Responsive settings can carry down to smaller screen sizes unless you override them, so after hiding a block on Laptop, Tablet, or Mobile (Large), quickly check the smaller views too.

Did this answer your question?