landwire

<p>Responsive Block Control adds responsive toggles to a “Visibility” panel of the block editor, to show or hide blocks according to screen width.</p>
<h3>Security</h3>
<p><strong>Version 1.3.1 resolves a stored cross‑site scripting (XSS) vulnerability (CVE‑2025‑62135) affecting earlier versions (<= 1.2.9).</strong><br />
Users with contributor access or higher should update immediately.</p>
<p>If you discover a security vulnerability, please report it responsibly to: security@saschapaukner.de</p>
<h4>Limitations</h4>
<p>Does not work with the Classic Block, Widget Block or Widget Area Block [‘core/freeform’, ‘core/legacy-widget’, ‘core/widget-area’], as the those blocks do not support block attributes. Does also not work with the HTML Block [‘core/html’] inside the Widget Screen, as this one also does not support block attributes there.</p>
<h3>Configuration</h3>
<h4>Override existing breakpoints</h4>
<pre><code>function override_responsive_block_control_breakpoints($break_points) {
     $break_points['base'] = 0;
     $break_points['mobile'] = 400;
     $break_points['tablet'] = 800;
     $break_points['desktop'] = 1000;
     $break_points['wide'] = 1600;

     return $break_points;
 }

 add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_breakpoints');
</code></pre>
<h4>Provide custom CSS</h4>
<p>You can provide your own CSS rules per breakpoint using the new filter responsive_block_control_custom_css_rules.</p>
<pre><code>add_filter('responsive_block_control_custom_css_rules', function($rules) {
    return [
        'mobile'  => 'display: none !important;',
        'tablet'  => 'display: none !important;',
        'desktop' => 'display: none !important;',
        'wide'    => 'display: none !important;',
    ];
});
</code></pre>
<h4>Stop css output completely</h4>
<pre><code> function override_responsive_block_control_add_css() {
      return false;
  }
  add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_add_css');
</code></pre>


Responsive Block Control – Hide blocks based on display width

This plugin does exactly what I need, without adding any extra bloat. Thanks!

Great simple plugin!

Responsive Block Control adds responsive toggles to a "Visibility" panel of the block editor, to show or hide blocks according to screen width.

Adam Sargant

<p>As of January 2011, some 86% of web users were using a browser with a screenwidth of greater than 1024. Conversely, 14% of users were using a browser less than 1024 wide. If you are coding a wordpress theme that is going to be static width, rather than fluid, this leaves you with limited choices. Do you</p>
<p>a) design for greater than 1024 to exploit the width used by the 86%, and thereby risk annoying 14% of your visitors or do you</p>
<p>b) design for less than 1024 and fail to exploit the maximum design area?</p>
<p>With WP Themes by Screensize you can now do both. WP Themes by Screensize will allow you to determine which theme to display to the site visitor depending on their browser width. If the width is determined to be above a specific threshold, which you set, it will display one theme. If it is below that threshold, it will display a different one, giving you the opportunity to create a modified theme to use in each case.</p>
<p>The plugin uses non identifying cookies and javascript… if either of these are not enabled the plugin degrades smoothly to the basic installed theme. The cookie period can be set to anything you want, so that if the user changes their browser size after that time, on the next page change the new settings are detected.</p>


WP Themes by Screensize

WP Themes by Screensize will allow you to determine which of two wordpress themes to display to the site visitor depending on their browser width

Responsive Block Control – Hide blocks based on display width vs WP Themes by Screensize