Website header overlapping content
4.5
The top menu stays fixed but covers the first few lines of text on the page.
Symptoms
- Text hidden under menu
- Cannot read first paragraph
- Messy layout
Possible Causes
- CSS "padding-top" missing
- Fixed header height change
- Browser zoom
Step-by-Step Fix
1
Reset Zoom
Press Ctrl+0 to ensure zoom isn't causing the overlap.
2
Refresh Page
Sometimes a reload fixes the "Sticky" header calculation.
3
Resize Window
Shrinking and expanding the browser can force a layout recalculation.
When to See a Technician
This is a common CSS bug where the "Body" doesn't have enough margin to account for a "Fixed" header.
Rate this Fix
0 / 5(0 ratings)
Comments (0)
No comments yet. Be the first to share!