[Bug] Hamburger button fix and Footer alignment #130
Description
🐞 Description
The responsive hamburger button in the header doesn't toggle the navigation menu as expected on mobile view. Additionally, the footer is misaligned on certain screen sizes, especially on smaller mobile devices.
🔁 Steps to Reproduce
Open the landing page on a mobile or narrow screen.
Click the hamburger icon in the top-right corner.
Observe that the navigation links do not appear or the menu is not toggling properly.
Scroll to the bottom of the page.
Observe that the footer elements (columns, text) are not aligned properly and overflow occurs in mobile view.
✅ Expected Behavior
Clicking the hamburger menu should show or hide the mobile navigation menu smoothly.
The footer should be aligned properly and fully responsive on all screen sizes.
❌ Actual Behavior
Hamburger button either does nothing or does not show the menu.
Footer appears broken or misaligned on smaller screens.
📸 Screenshots / Media
Footer issue:
💻 Environment
OS: Windows 11
Browser: Chrome v115 (or specify what you’re using)
Application Version: Latest main branch of CodeClip
📎 Additional Context
The hamburger icon is present but likely missing a toggle event or the mobile-menu div is not styled/activated correctly.
Footer responsiveness may require updating CSS media queries or adjusting Flex/Grid properties.