How to Make the TOC Block Sticky

How to Use the Table of Contents Block

You can make your Table of Contents block stick to the top of the page using the Sticky feature of Stackable.

How to Make a TOC Block Sticky

  1. Add a Columns block with 2 columns and a 30/70 layout

  1. On the left column, add the Table of Contents / TOC block
  2. On the right column, add your content consisting of Headings, Text and other media.

  1. Select the left Inner Column with the TOC block
  2. In the Layout tab > Column Alignment, choose the “Start” option

  1. In the Advanced tab, select Sticky in the Position dropdown menu

  1. Click Update and see the TOC block stick to the top when you scroll down the page.

Adjusting the Position

Sometimes you will need to adjust the Top Position in the Advanced Tab of the Inner Column to make sure that the TOC block is sticking at the top correctly on the frontend.

This can depend on other parts of your website’s frontend, like if your website has a sticky header.