Below is sample content. Only metadata, title, subtitle, and a featured image occupy the header, with the entire body content positioned underneath. .article-content.
Introduction
The initial paragraph describes the key points this article will illustrate.
Requirements
- Proper IDs on section headings
- Table of Contents links match these IDs
- Responsive header sizing
Steps
Step 1: Verify Structure
The header should properly close prior to the start of the content.
Step 2: Add IDs
Every H2/H3 heading listed in the ToC should have an associated id.
Step 3: Test ToC Links
When selecting ToC links in the sidebar, check that they smoothly scroll to the correct sections.
Conclusion
Clear division between header and content prevents formatting issues and boosts SEO/UX performance.