Show/Hide on blocks on different device/screen types

[Greatdane]

What

I would like to have the option for every single block that would allow to hide/show the block based on device type in the FSE and the regular blocks.

Why

This will give more control to the user to manage the content on the website. This way, they can decide to hide the content that may not be suitable for mobile viewers from being viewed when the site is viewed on mobile and vice versa.

Additionally, they can decide to create multiple variations of the same content by choosing to display one set for the mobile viewers and another only for desktop and tablet viewers.

Overall, it will enhance the website development experience to a whole new level with precise control on the block elements based on the device types.

How

For example, see this image.

[ndiego]

HI @Greatdane, thank you for submitting this issue. This would be a very useful feature. That said, there are many great free plugins that already include this functionality, which traditionally has been something WordPress Core has avoided implementing directly and left to plugins. I have included a list of options below. Full disclosure, I built Block Visibility.

• EditorsKit
• If-So Dynamic Content Personalization
• Conditional Blocks
• Block Visibility

For a simpler solution, in one of my themes, I have created helper CSS classes that I can add as needed to each block under the Advanced section (see screenshot below).

I know this is not the answer you were looking for, but I hope this info is at least helpful. 🙏

[syhussaini]

I request to have this feature considered especially for the Simple Sites as these sites does not have the option to add Plugins.