🐛 Bug: In mobile, Nav bar is hiding the content of the page.

[Yashwanth1906]

Describe the bug

The primary nav bar in the mobile dimension is hiding the content in the page.

Steps To Reproduce

1. Open the website in mobile or in desktop change it to mobile view.
2. Click on the menu icon in the top nav bar.
3. A dropdown will open that will hide the page content.

Expected Behavior

Either we need to bring the content of the page down whenever the dropdown is opened or otherwise the dropdown should cover the page.

Screenshots

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[Yashwanth1906]

@DhairyaMajmudar What do u think about this ? Can i do it as i did it for #1484

[benjagm]

@Yashwanth1906 Issue accepted. Do you like to work on it?

[Yashwanth1906]

@benjagm Yeah I will work on this.

[animeshsahoo1]

@Yashwanth1906 are you still working on this? if not I would like to fix it, let me know if you are working on this or not