Device Visibility controls allow you to manage the visibility of blocks on different screen sizes. You can find these controls in the block settings panel.
The available options are:
- Hide on Desktop
- Hide on Tablet
- Hide on Tablet & Mobile
- Hide on Mobile
When an option is enabled GenerateBlocks will set the Layout > Display property to none !important in the relevant responsive views.
Hiding blocks with display: none !important
The device visibility controls are simply a shortcut that sets the Layout > Display property to: none !important via the Custom value input in the fields options.
You can set this property manually which is necessary if you’re a GenerateBlocks Free user or are working with GB Pro custom at-media or at-container queries.
GenerateBlocks Pro Custom at-media and at-container queries
Custom media and container queries are not shown in the device visibility controls. We recommend creating custom classes using Global Styles to apply the style property. This provides the ultimate flexibility and convenience of hiding blocks are custom break points.