ARN Table of Contents is a Vendix Pro Elementor widget that builds a linked list of the page's headings in the browser, so the list always matches the headings on the page. It offers four layout presets, can collapse or stay sticky and marks the section being read.

Pro · Navigation & Interaction · All widgets

Each example below is the same widget with a different Layout Preset setting. Every example lists the H2 and H3 headings of this page.

A plain numbered list under the "On this page" title, with H3 entries indented below their H2.

The list sits in a softly shaded card with a thin border, 16 px corners and a light shadow.

Each entry starts with a bold two-digit number, 01, 02 and so on, in its own column.

A thin line runs along the start edge, and the section being read is marked by an accent bar on it.

  • Needs: headings inside the scanned area. Content CSS Selector (main by default) names it, and the first matching element is scanned; without headings the widget hides itself.
  • Heading Levels: any of H2 to H6, H2 and H3 by default. Exclude CSS Selector leaves out headings such as those hidden on desktop.
  • Links: headings without an ID get one from their text, so each entry links to its section; the entry of the section being read turns bold.
  • Collapsible: on by default; the title opens and closes the list, and Collapsed on Mobile starts it closed below 768 px.
  • Sticky: keeps the list in view while the page scrolls, 100 px from the top by default.
  • Style: active color, background, border, padding, title and list alignment, and typography.
Get Vendix

Reviewed against Vendix Pro 1.13.0 · Last updated 21 October 2026