fix navbar

[pythongiant]

fix navbar

Checklist

• [x] I have read the Contribution & Best practices Guide and my PR follows them.
• [x] There is a corresponding issue for this pull request.
• [x] My branch is up-to-date with the Upstream master branch.
• [x] The unit tests pass locally with my changes (provide a screenshot or link for test)
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] I have added necessary documentation (if appropriate)

Short description of what this resolves:

Fix the navbar

Changes proposed in this pull request:

Fix Navbar for mobile devices

-https://gentle-beyond-35732.herokuapp.com/

-

Fixes #355

[pythongiant]

@pranav1698 check it out now?

[pythongiant]

@pranav1698 i dont follow

[pythongiant]

LGTM on my screen

[pranav1698]

have you checked it on your phone Open susper for comparison you will see the difference it may here because of white background

[pythongiant]

ummm @pranav1698 that's due to the fact that there are more icons in this dropdown

[pranav1698]

So you can increase the size of the drop-down container to fit in with the total number of the items,

[pythongiant]

@pranav1698 i am gonna add a scrolbar if that's fine?

[pythongiant]

nevermind closing this PR