Mobile Responsive Spacers Mobile Responsive Spacers

Mobile Responsive Spacers

Created by: Moritz Zimmer

Rating:
Downloaded: 531 times

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.

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

  • Dashboard view of the plugin
  • Regular spacer size on desktop
  • The same spacer halved on mobile

Categories

Get New Themes & Resources