[FORUM] - Nav bar is misaligned on dropdown event

Describe the bug

When selecting one of the dropdown menu options on the forum, if the page is scrolled down at all the nav bar drops to the middle of the page.

To Reproduce Steps to reproduce the behavior:

1. Go to https://forum.freecodecamp.org
2. Scroll the page down a bit.
3. Click on the Menu button in the top right of the nav.
4. Nav bar drops to centre of screen.

Expected behavior

The nav-bar should remain fixed in place.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10 version 1909
• Browser: Chrome
• Version: 86.0.4240.198

Additional context

/cc @ieahleen @bradtaniguchi

[ahmadabdolsaheb]

Thanks for bring this to my attention, @nhcarrigan.

@lasjorg, that is discourse’s default behavior. That element gets removed from the dom. I am aware of the margin. The is a pr is the works that would completely remove those nav items in favor of icons.

It seems the main issue has been resolved, so I am closing this issue accordingly.

Feel free to re-open this issue if the issue persists.

[lasjorg]

@ahmadabdolsaheb Right, I had some time to actually look at it, as you said there is DOM manipulation on scroll that only happens when viewing a thread. I guess the button being removed is to make room for the thread title in the header and because we hide the title it just looks a little off to me (once you see it you can’t unsee it kind of thing).

The menu being removed on scroll seems more like some technical limitation and is in my opinion not great UX (only happens on scroll when the header “switches” to have/not have the thread title). But that’s not our fault.