UI - Navbar scroll through top-level menu in low resolution desktop screens

[timizuoebideri1]

Closes: #1851

What's Changed

This change was made to the CSS to fix a bug that was occurring in the navbar secondary dropdown menu on screens with a width between 780px and 1180px.

The issue was that the dropdown menu on these screens was behaving the same way as it did on larger screens, which was causing the bug.

To fix this, the changes were made to ensure that the navbar secondary dropdown menu within this screen width range now looks and behaves like a mobile view.

This was achieved by adding CSS styles that are typically used for mobile views.

Before

After:

TODO

• Explanation of Change(s)
• Added change log fragment(s) (for more information see the documentation)
• Attached Screenshots, Payload Example
• Unit, Integration Tests
• Documentation Updates (when adding/changing features)
• Example Plugin Updates (when adding/changing features)
• Outline Remaining Work, Constraints from Design