Left and right website sidebars

READ IT. TRY IT. MAKE IT YOURS.

One useful step at a time.

Keep this guide beside you while you work. Complete any passwords or private details in the tool, never in a tutorial.

1. 01

   STEP 1 OF 5

   Find the sidebar controls

   In 02 Design, open Add to your website · announcement, information & gallery, then Left sidebar or Right sidebar. The settings apply to the current page.

2. 02

   STEP 2 OF 5

   Turn on the side you need

   Enable the left or right sidebar, or both. Write a useful title and choose a width from 180 to 320 pixels. The opening imagery keeps its full width.

3. 03

   STEP 3 OF 5

   Add clear destinations

   Add up to six links on each side. Use descriptive labels and a safe website address or section anchor such as #contact. Empty destinations appear as text rather than broken links.

4. 04

   STEP 4 OF 5

   Choose sticking and collapsing

   Sticky keeps a panel nearby while reading on wider screens. Collapsible adds a disclosure control. Escape closes an open panel and returns to its heading.

5. 05

   STEP 5 OF 5

   Check smaller screens

   Sidebars stack as the available space narrows, and supporting content adapts to the narrower column. Check both sides, keyboard focus and the phone preview before export.