This is an example content space. The header above holds meta data, title, subtitle, and a featured image, while the body content is placed beneath. .article-content.
Introduction
The first 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
Ensure the header is closed prior to the start of the content.
Step 2: Add IDs
Assign matching IDs to every H2/H3 used in the Table of Contents. id.
Step 3: Test ToC Links
Click the Table of Contents links in the sidebar and verify seamless navigation to sections.
Conclusion
Maintaining distinct header and content areas helps avoid layout errors and improves SEO and user experience.