Plugins
0

Responsive Block Control – Hide blocks based on display width

LICENSE TYPE: INFINITE

Description

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.

Configuration

Override existing breakpoints

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'); 

Stop css output completely

 function override_responsive_block_control_add_css() {       return false;   }   add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_add_css'); 

Screenshots

Installation

  1. Upload responsive-block-control.php to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

FAQ

Yes, use the following code in your functions.php or similar.

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'); 

Yes, that is absolutely possible. Just use the filter below to stop the plugin from injecting its styles:

function override_responsive_block_control_add_css() {      return false;  }  add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_add_css'); 

Leave a Reply

Your email address will not be published.

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Most Viewed Posts
Menu