Add a Hamburger icon for mobile view and Creation of Separate Sign Up Button #6
Description
Description:
Currently, the Instructo landing page does not display a signup button or a hamburger menu when accessed on mobile view. This creates usability issues as mobile users cannot easily access authentication options or navigate through the site.
Steps to Reproduce:
1)Open the website in a mobile browser or use developer tools (responsive design mode).
2)Observe the navigation bar in mobile view.
3)Notice that there is only a Login button, with no Signup button or hamburger menu for navigation.
4)Expected Behavior:
5)A Signup button should be visible alongside the Login option.
6)A hamburger menu should appear in mobile view to improve navigation.
The hamburger menu should contain:
Home
Courses
Learn with AI
Login / Signup
Actual Behavior:
Only the Login button is visible.
No Signup button is present.
No hamburger menu appears in mobile view.
Proposed Solution:
Add Signup Button:
Include a "Signup" button in the navbar (next to Login).
Ensure visibility on both desktop and mobile views.
Add Hamburger Menu for Mobile:
Use a responsive navbar with a hamburger icon for smaller screens.
Collapse navigation links (Home, Courses, Learn with AI, Login, Signup) into the hamburger menu.
Testing:
Verify responsiveness across multiple screen sizes (320px – 768px).
Ensure proper alignment and spacing of buttons.
Additional Context:
Adding these features will improve user accessibility, especially for new visitors browsing via mobile devices.