The position of the dividing line before and after the menu bar expands differently in mobile view

[ChisakaKanako]

Describe the bug

When you try to open the hamburger menu on your phone, you’ll notice that the position of the line dividing the menu bar from the main body of the page changes before and after you click it. This creates a sense of disconnection and feels unnatural to users, and it looks like things flash while they’re opening or closing it.

Reproduction

Watch this video Watch this video

ScreenRecording_08-12-2026.12-54-36_1.mp4

Expected behavior

It might be better to have this line in the same position. Maybe this can be fixed by adjusting the CSS?

System Info

2.0 beta 19 on mobile view

Additional context

No response

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[ChisakaKanako]

That's great. Two issues solved at once. Good job @bluwy