Documentation on Open Social's Drupal regions and their responsive behaviour.
We have split up the fluid layout of the interface into regions. In Drupal we can assign blocks to these regions. Each region can be displayed differently based on the context of the node or page.
Blocks: Primary navigation, user navigation, site search
The header is always present. It holds a navbar component and the logo.
Pathway navigation for large screen and 'go back' navigation for mobile
Provides a summary of the main content of this page, for example a person, a group or an event.
Navigation options to the sub contents of a main content.
Content about this section
Complementary content, filters, actions, quick navigations that specific to the section. On mobile this region will be placed on top of the Main content, possibly in a different appearance.
It is static and contains information about the whole application.