Block Slider
HomeGet Now
  • 👋Block Slider
  • ⚙️Configuration
    • 1️⃣Keyboard Navigation
    • 2️⃣Mouse Drag
    • 3️⃣Speed
    • 4️⃣Slide Effect
    • 5️⃣Slide Per View
    • 6️⃣Space Between
    • 7️⃣Loop
    • 8️⃣Autoplay
    • 9️⃣Pagination
    • 🔟Navigation
  • 📔Guides
    • 🖌️Design
    • 💻Using a responsive control
    • 👀Using the visibility control
    • 🌟Using block slider presets
    • 😍Block slider with page builders
    • 🔍How to use Query Slider
    • 🛒How to create WooCommerce Product Slider
  • 🧰Hooks and Filters
    • 1️⃣blockslider_query_args
  • 🎮Controller Blocks
    • 🤩Thumbnails Controller Block
Powered by GitBook
On this page
  • How to use it?
  • How does It work at the front end?
  1. Guides

Using the visibility control

PreviousUsing a responsive controlNextUsing block slider presets

Last updated 1 year ago

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?

📔
👀