andika-ai / andika

AI writing Assistant UI
https://andika-16cf6.web.app
0 stars 0 forks source link

Navbar isn't responsive for across all devices #121

Open pmutua opened 1 year ago

pmutua commented 1 year ago

As a user who accesses a website on a smaller device such as a smartphone or tablet, I want to be able to easily navigate the website through the navbar. However, when I try to use the navbar on my smaller device, I notice that it is not responsive and is difficult to use.

The user is unable to find the information they need to quickly and easily access the different links in the navbar. This makes my browsing experience slow and cumbersome.

The website should have a responsive navbar that adapts to my smaller device, making it easy for users to navigate the site and find the information they need.

Overall, I want the website to provide me with a seamless browsing experience, regardless of the device I am using, and a responsive navbar is an important part of that experience.

Screenshot 2023-03-25 at 16 47 35
pmutua commented 1 year ago

🐛 Navbar items not properly aligned as shown in the screenshot when in mobile mode

Screenshot 2023-03-27 at 16 45 55

✅ Expected behaviour

When in mobile mode the navbar items should be in a dropdown as shown below (don't remove the menu items this is just an example) :

Screenshot 2023-03-27 at 16 48 08

:bug: When we scroll horizontally there is a bug with margin or padding involved. When we are in mobile mode we shouldn't scroll to the right.

Screenshot 2023-03-27 at 16 52 39

Please make sure you have tested the full responsiveness of the application. If you want to test the responsiveness of the application you can go to dev mode and click on the icon (make sure you test all devices) as shown below.

Screenshot 2023-03-27 at 16 57 16