Skip to content

[Bug]: Mobile navigation drawer overlay is pierced by page headings (z-index issue) #1799

@Shrutiii01

Description

@Shrutiii01

Issue Description:
Describe the bug
When opening the mobile navigation/sidebar menu on documentation or tutorial pages, the main article page headings (e.g., titles like "50 Git commands Cheatsheet" or "How to Create Milestone on GitHub") render on top of or bleed through the mobile navigation drawer menu content.

To Reproduce
Open a tutorial/documentation article page on a mobile viewport.
Click the hamburger menu icon to trigger the slide-out navigation menu.
Observe that the main article title text stays aggressively layered over the sidebar links, making menu options unreadable and broken.

Expected behavior
The mobile navigation drawer container should have a higher layering priority. When active, it should completely overlay all main page content, including headings, without any text bleeding through.

Screenshots / Video

overlapping.error.mp4

Metadata

Metadata

Assignees

Labels

Type

No fields configured for Bug.

Projects

Status

Todo

Status

Q3 2026 – July-Sept

Relationships

None yet

Development

No branches or pull requests

Issue actions