Fix navbar responsiveness and theme toggle behavior

[CodewithBikram2025]

Title and Issue number

Title : Fix Navbar UI and Theme Toggle Button Issues

Issue No. : #<ISSUE_NUMBER>

Tech Stack : HTML, CSS, JavaScript

Close #<ISSUE_NUMBER>

---

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Add WEB3 project
• Other (specify): _______________

---

Video (mandatory)

📹 Working video attached showing:

• Responsive navbar (desktop & mobile)
• Hamburger menu toggle
• Light/Dark theme toggle persistence

---

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas
• I have gone through the contributing.md file before contributing
• I have Starred the Repository.

---

Checklist:(In case of Adding New WEB3 project only)

• I have made my Commits(of new project) under the Projects folder
• I have created a helpful and easy to understand README.md
• i have added the image of my project under assets/img folder

---

Additional context (Mandatory )

Are you contributing under any Open-source programme?

• I'm a KWOC 2025 contributor

---

✅ Changes Made

• Fixed navbar layout conflicts across screen sizes
• Improved hamburger menu UX for mobile devices
• Connected theme toggle button with proper dark/light mode logic
• Added persistent theme state using localStorage
• Ensured navbar styles work correctly in both themes

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for cute-quokka-b093d8 ready!

Name	Link
🔨 Latest commit	130f2c3
🔍 Latest deploy log	https://app.netlify.com/projects/cute-quokka-b093d8/deploys/6957352e67a2fa0008d5e6e3
😎 Deploy Preview	https://deploy-preview-1407--cute-quokka-b093d8.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.