Sidebar vs. Topbar

Use a Sidebar when...

Your content is mostly textual. Sidebars create a narrower region for content. This makes continuous reading easier for users. Make this your go-to choice!

This page uses a Sidebar, as do most pages on this site.

Use a Topbar when...

Your content is mostly visual. Topbars allow content to span the full width of the page. This is great for large images, videos, maps and Jumbotrons.

On mobile

Sidebars and Topbars are visually indistinguishable on small mobile screens. Both appear as a dropown menu next to the page title.

Create a Sidebar or Topbar

Creating a Sidebar or Topbar in Cascade
  • Expand the Page display and navigation group and choose Sidebar or Topbar under Sections navigation (table of contents)

Skip the first section

Tell your Sidebar or Topbar to skip the first section of your page so you can leave that section as introductory content:

  • Select Yes next to Insert navigation below first section