NavBar buttons text gets covered up when it is minimized

[AetherSparks]

Description

Apart from issue #574 raised by sahiladit, where the navbar is hiding the text behind, I have noticed that the buttons in the navbar itself are glitchy.

Apart from the weirl L shaped nav buttons visible when you click them, when you scroll down a weird white circle covers a part of the text in the About and News buttons.

Expected Behavior

The Text in the Navbar buttons should not be hidden, the Button itself should be fixed to a square/rectangle button, pushing the arrow up.
Also the navbar shouldnt be hiding any text behind it.

Screenshots

Screen.Recording.2024-12-06.204732.mp4

How to Reproduce

Just scroll down and click any of the navbar buttons

Environment:

• Operating System: Windows
• Browser (if applicable): Chrome

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

[sahiladit]

@AetherSparks are you working on this issue?

[AetherSparks]

@sahiladit Yes I am. Would You Like to Collaborate?

[sahiladit]

@sahiladit Yes I am. Would You Like to Collaborate?

Yes 👍🏻

[AetherSparks]

@sahiladit Yes I am. Would You Like to Collaborate?

Yes 👍🏻

Ping a Message in Element so we can collaborate further. Also can you tell me which version of Ruby are you using? I am getting a function deprecation error.

[sahiladit]

@sahiladit Yes I am. Would You Like to Collaborate?

Yes 👍🏻

Ping a Message in Element so we can collaborate further. Also can you tell me which version of Ruby are you using? I am getting a function deprecation error.

3.3.6 the latest one

[Sparsh-3011]

anyone working on the issue i would like to collab?