Visibility

The Visibility subsection lets you show or hide an element depending on the screen format: desktop, mobile, or both. Handy when you want to offer a different version of the same block depending on the device — for example a detailed visual on desktop and a simplified version on mobile — without duplicating the content.

Choose where to show the element

Three options:

• Desktop & mobile — the element is visible on every format (default value).
• Desktop only — the element is hidden on mobile.
• Mobile only — the element is hidden on desktop.

The choice applies immediately and independently of the desktop/mobile editing mode selected at the top of the style panel.

When an element is hidden on one format, its slot disappears entirely from the rendered page: neighboring blocks reflow to fill the space. The block stays visible inside the editor, but a pattern indicates that it won't be shown on the format concerned.

Typical use cases

Show a wide visual optimized for desktop and a cropped variant for mobile, display a different call-to-action depending on the device, or hide a decorative element on mobile that would weigh down reading on a small screen.

Reset

The Reset settings button restores the Desktop & mobile option: the element becomes visible on every format again.