Partnership for Organizational Health

Full page width for content below the sidebar

Reference links

https://www.scu.edu/web-design/page-layouts/site-specific/sidebar-breakout-landing/

http://brand.scu.edu/demos/sidebar-breakout-landing.html

https://docs.google.com/presentation/d/1fxof_iHEYRYNsX-OPP5oaxQdCaD3OtAqKLS_3Iy2H4U/edit?ts=5bb54792#slide=id.p1

This layout introduces an option to split the main content into two areas - one that's adjacent to the sidebar navigation, and another that follows the navigation and uses the full page width. If your page includes content that would benefit from using more horizontal space this composition might be a good choice. It's similar to the Site Specific: Full Width layout, except that it includes the sidebar navigation menu. Here's how to set it up:

• Switch the page layout to Site Specific: Sidebar Breakout Landing
• Set the Inheritable Page Layout to your default page layout (likely Site Specific)

• Add content items to the section
• Add the Sidebar Breakout Content Divider content type - this should be positioned in your content list just after the content that you will have displayed next to the sidebar.

You can move content items around in your list to get the best composition - the items listed before the Divider will be displayed next to the sidebar, with the rest displayed in the full page width below.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.