Make NavBar responsive for Mobile View

[AshuKV]

Description

Please include a summary of the change and which issue is fixed. Fixes #487

List any dependencies that are required for this change

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How Has This Been Tested?

UI /UX changes

Attach gif or screenshot for changes.

• Before :

- After : 

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes

[AshuKV]

Finally its resolved. You can merge the PR now. Thanks