Events - Responsive Block Styles
CSS Style Overview
Responsive Block, Responsive Block Calendar Dates, and Responsive Vertical Style
Lightbox is on
Calendar Title is off
Limited to 6 / 6 / 10 events
Events filter off
Image are on
Accent colors are not enabled
Height is auto
The responsive styles are built on a grid layout and will grow and shrink dynamically depending on screen size. This style is based on standard CSS and uses the device to respond with the best fit it can.
The calendar date style is designed to help identify the date more easily for the event.
In the vertical layout we mark each day with a top date dot and list events below it like a menu. Each day will do its best to become a column but since this is responsive it will best adjust to fit the size of screen it can.