[Bug] Adjust Burger Icon Position and Add Spacing When Active on Small Screens #252
Open
1 task done
Labels
💻 aspect: code
Concerns the software code in the repository
🛠 goal: fix
Bug fix
🟧 priority: high
Stalls work on the project or its dependents
🚦 status: awaiting triage
Has not been triaged & therefore, not ready for work
Description
On smaller screens, the burger menu icon in the navbar is not optimally positioned. It appears slightly misaligned and should be moved upward a little. Additionally, when the burger menu is hovered over or activated, there is no visible space between the "cc legal database logo" and the div containing the burger icon, making the layout feel cramped.
Reproduction
Expectation
The burger icon should be positioned more accurately on smaller screens, with a slight adjustment to move it upward. Additionally, there should be visible space between the logo and the div containing the burger icon when it is hovered over or active, ensuring a cleaner and more balanced layout.
Screenshots
Environment
Additional context
Improving the burger icon positioning and adding spacing between the logo and the menu will enhance usability and provide a more polished appearance on smaller screens.
Resolution
The text was updated successfully, but these errors were encountered: