Or, embed this snippet using GenerateWP WordPress Plugin.

Download

Clone

Mobile Responsive Spacers

=== Mobile Responsive Spacers ===
Contributors: justMoritz
Tags: spacers, halve spacers, adjust spacers, responsive spacers, mobile spacers
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GPLv2
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A simple Wordpress Plugin lets you globally adjust every Wordpress Gutenberg Spacer Block to be a different size on mobile.

== Description ==
# Mobile Responsive Spacers
A simple Wordpress Plugin lets you globally adjust every Wordpress Gutenberg Spacer Block to be a different size on mobile.

## Settings Page
*Breakpoint* configures the screen width in pixels when the spacers change size. This is the "max-width" for the mobile setting. Any screen size above will use the regular size of the spacer as defined in the block editor.

*Ratio* defines the amount of change. For example, 0.5 will halve the size, 2 will double it.


== Installation ==
## Settings Page
After activating the plugin, all spacers are automatically set to be halved on mobile. Visit the *Settings Page* to make updates to the default settings!

*Breakpoint* configures the screen width in pixels when the spacers change size. This is the \"max-width\" for the mobile setting. Any screen size above will use the regular size of the spacer as defined in the block editor.

*Ratio* defines the amount of change. For example, 0.5 will halve the size, 2 will double it.


== Screenshots ==
1. Dashboard view of the plugin
2. Regular spacer size on desktop
3. The same spacer halved on mobile