landwire

<p>Responsive Block Control adds responsive toggles to a “Visibility” panel of the block editor (i.e Gutenberg), to show or hide blocks according to screen width.</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>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 (i.e Gutenberg), to show or hide blocks accordi …

visualsuperhero

<p>Surely you know the feeling, when your text looks silly in a 100% width layout. “Max With Container” let’s you set a max-width, making your text fit nicely within the design of your page. This plugin creates a new Gutenberg block in the layout category, which allows you yo create a container with an adjustable maximun width, giving your perfect control over the layout.</p>


Max width container

This plugin creates a new Gutenberg block, which allows you yo create a container with an adjustable maximun width, giving your perfect control over t …

Responsive Block Control – Hide blocks based on display width vs Max width container