Hamburger Menu & Footer Fix -- 2

My static site is written in plain HTML, CSS and a little JavaScript. Two things need immediate attention:

First, the hamburger icon visible on tablets and phones should open and close the navigation smoothly, lock the background scroll while the menu is open, and close again on outside click or link tap. All the markup is already in place; the JavaScript just isn’t firing as expected across break-points.

Second, the mobile footer must mirror the desktop version in every respect—links, icons, copy, spacing, colours—without relying on Elementor or any page-builder shortcuts. Pure CSS (or a touch of JS for minor interactions) is fine, but the finished footer should look identical when the viewport narrows.

I’ll review detailed project proposals that outline your approach, the key steps you’ll take, and an estimated turnaround. If you can point to similar vanilla-code fixes you’ve shipped, that will help me decide quickly.

Deliverables
• A fully functional hamburger menu tested on the latest iOS and Android browsers
• A mobile footer whose layout and styling are indistinguishable from the desktop footer
• Clean, commented code pushed back to me so I can see exactly what changed

I’m ready to move fast on this, so let me know how soon you can start and exactly how you’ll tackle each piece.