👀Using the visibility control

Controlling block visibility is an important aspect when creating responsive designs. Block slider offers its own visibility control that lets you manage the block visibility on different screen sizes

“Visibility” won’t have any visual representation in the Gutenberg editor.

How to use it?

Let’s suppose you’ve created a slider and wanna hide the pagination block on mobile.

As you can see the visibility control currently contains 3 visibility options:

  • Hide on desktop: This allows you to hide the desired block on desktop devices

  • Hide on tablet: This allows you to hide the desired block on tablet devices

  • Hide on mobile: This allows you to hide the desired block on mobile devices

How does It work at the front end?

Last updated