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
- Upload
responsive-block-control.phpto the/wp-content/plugins/directory - 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');
