Skip to content

Feature Request: Responsive Block Visibility #1039

@martyanovandrey

Description

@martyanovandrey

Description
It would be beneficial to have the ability to hide and show specific blocks based on the type of device (e.g., mobile vs desktop).
On mobile devices, users often require a different set of visible blocks to optimize content and functionality, improving user engagement and experience.

Proposed Solution
Add a visibility prop that can be added to each block that accepts values like desktop-only, mobile-only, or all-devices(default) to manage visibility based on device type.


For example, I have a layout for which 3x3 grid cards would be better suited on a PC, and a 1-line slider on a phone. For this, I want each element to be displayed accordingly only at the required resolution.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions