Responsive Block Visibility Control

Description

Responsive Block Visibility Control gives you simple, responsive display controls directly inside the WordPress block editor.

Choose whether a block should be hidden on desktop, tablet, or mobile without writing custom CSS. When working with the core Columns block, you can also reverse the column order independently on tablet and mobile devices.

The controls are available directly in the block editor’s Advanced panel, keeping responsive settings close to the blocks you are already editing.

Key Features

• Hide blocks on Desktop (1025px and above).
• Hide blocks on Tablet (768px–1024px).
• Hide blocks on Mobile (767px and below).
• Reverse core Columns block order on Tablet.
• Reverse core Columns block order on Mobile.
• Simple toggle controls inside the Gutenberg editor.
• No custom CSS required.
• No separate settings page to configure.
• Automatically applies your responsive settings on the frontend.
• Responds to browser resizing and device orientation changes.

Control Responsive Block Visibility in Seconds!

Creating device-specific layouts should not require custom CSS.

Select a block, open the Advanced panel, and use the Responsive Conditions controls to choose where the block should be hidden.

Want one section on desktop but a different layout on mobile? Simply configure the visibility of each block using the appropriate device toggle.

Useful Responsive Controls

Responsive Block Visibility Control focuses on the options commonly needed when building responsive WordPress pages.

You can independently control visibility across desktop, tablet, and mobile breakpoints.

For the WordPress core Columns block, additional controls allow you to reverse column order on tablet or mobile. This is especially useful when alternating image and text columns on desktop while maintaining a natural reading order on smaller screens.

Why Do I Need This?

A layout that works perfectly on desktop does not always work well on smaller screens.

Sometimes you may want to hide decorative content on mobile, display an alternative section for smaller devices, or change the order of columns so important content appears first.

Responsive Block Visibility Control lets you handle these common responsive-layout requirements directly from the block editor instead of maintaining additional CSS rules.

Why Choose Responsive Block Visibility Control?

The plugin is designed to stay focused and easy to use.

There is no complicated condition builder or separate configuration screen. Responsive controls appear where you need them — directly inside the WordPress block editor.

It works with the familiar Gutenberg editing experience and provides straightforward controls for creating cleaner responsive layouts.