This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Responsive Block Visibility Swap


Easily hide and show Gutenberg blocks based on the screen size to create responsive website layouts. With Responsive Block Visibility Swap, you can optimize your content for different devices and enhance the user experience.


Your willingness to donate or help others is truly appreciated and can bring joy to those in need. Thank you for considering it!


  • Open Editor and Right Sidebar and Select Block
  • Open the Advanced settings to access Responsive Block Visibility Swap Controls
  • Choose which devices you want to hide this block. Done!


  1. Upload the plugin files to the /wp-content/plugins/responsive-block-swap directory, or install the plugin through the WordPress plugins directory.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.


How can I hide or show blocks based on screen size?

To hide or show blocks based on screen size:
1. Open any WordPress block editor (e.g., post, page, or theme editor).
2. Select the block you want to show or hide responsively.
3. In the right sidebar panel, open the Advanced settings.
4. Choose the screen sizes where the block should be hidden or shown.
5. Save your changes and preview the page to see the block visibility changes on different devices.

Can I create responsive layouts with this plugin?

Yes! Responsive Block Visibility Swap allows you to create responsive layouts by swapping blocks on different devices. You can design custom experiences for mobile, tablet, and desktop users.


There are no reviews for this plugin.

Contributors & Developers

“Responsive Block Visibility Swap” is open source software. The following people have contributed to this plugin.




  • Initial release.