[BUG] - Mobile: Navbar appearance differs across pages when hamburger icon is clicked

[vanshika-varshney]

Describe the bug
On mobile view, when the hamburger icon is clicked, the navbar expands, but its appearance (UI) is not consistent across pages.
For example, the background, font size, color scheme changes depending on which page you’re on.

To Reproduce
Steps to reproduce the behavior:

1. Open the website on a mobile device (or in responsive mode).
2. Go to the Home page → tap the hamburger icon → observe the navbar.
3. Go to another page (e.g. Contact us) → tap the hamburger icon again.
4. Notice that the navbar’s appearance (color, layout, or size) differs between pages.

Expected behavior
The mobile navbar should have a consistent appearance and behavior across all pages

Screenshots

Additional context
Please assign this issue to me.

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊