Fix Homepage Responsiveness

My WordPress site looks fine on desktop, but the homepage falls apart on mobile and tablet screens. The navigation bar stretches wider than the viewport, forcing every other section to hug the left edge and creating an awkward sideways scroll. I need clean, lightweight CSS (or minimal JS where absolutely necessary) that removes the extra navbar width and realigns the sections so they behave properly from 320 px up to standard tablet breakpoints.

You will:

• Diagnose why the navbar is overflowing and correct it without changing the current design aesthetic.
• Verify the fix across common mobile and tablet resolutions using Chrome DevTools or similar responsive-testing tools.
• Deliver updated theme/child-theme files or a custom CSS snippet I can drop into the site, plus a brief note explaining what you changed for future maintenance.

I’ll test on real devices once you finish; if the homepage stays centered, no horizontal scroll appears, and elements scale naturally, the job is done.