Below is sample content. Only meta information, title, subtitle, and a featured image appear in the header above, with all main content positioned underneath. .article-content.
Introduction
Introductory text describing the purpose of this article demonstration.
Requirements
- Proper IDs on section headings
- Table of Contents links match these IDs
- Responsive header sizing
Steps
Step 1: Verify Structure
Ensure the header properly concludes before the main content commences.
Step 2: Add IDs
Give all H2/H3 headings in the Table of Contents an appropriate id.
Step 3: Test ToC Links
Select the sidebar ToC links and verify seamless navigation to sections.
Conclusion
Separating header and content avoids layout problems and enhances both SEO and user experience.