[BUG] Navbar changes its behavior when we click on the hamburger menu on small devices

[anuragnegi000]

Describe the bug.

When the hamburger menu is clicked on small devices, the navbar's behavior changes unexpectedly, causing a flicker in the logo and other elements of the navbar.

Expected behavior

The navbar should open smoothly without causing any visual flicker to the logo or other elements.

Screenshots

Flicker.mp4

How to Reproduce

1. Click on inspect and choose a mobile device/open website in mobile device
2. Click on hamburger menu
3. Observe the flicker in Navbar

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[nikhil-3112]

I am ready to work on this issue.

[ashokasec]

I am ready to work on this issue.

looks like someone already made a pull request about this issue

[anuragnegi000]

@akshatnema please look into the issue as well as the PR #3014

[sambhavgupta0705]

closing it as completed