The header above holds meta data, title, subtitle, and a featured image, while the sample content area below houses all body content. .article-content.
Introduction
The introductory paragraph explains the purpose of this article.
Requirements
- Proper IDs on section headings
- Table of Contents links match these IDs
- Responsive header sizing
Steps
Step 1: Verify Structure
Ensure the header section concludes prior to the start of the content.
Step 2: Add IDs
Ensure every H2/H3 in the Table of Contents has a matching label. id.
Step 3: Test ToC Links
Confirm effortless section jumps by clicking the sidebar Table of Contents links.
Conclusion
The distinction between header and content minimizes layout issues and improves both SEO and user experience.