Updating Position of Nav Menu on the Supply Template

Site URL: https://changing-cocoons.squarespace.com/home

Hey All,

Got a user who really liked the Supply template and so we've been building out the site on that. However we're starting to get to the point where we are optimising the experience for mobile/tablet and I've noticed that when on mobile the nav turns into a burger menu (great, love that) but it still lives in a side bar on the side of the screen.

This would be fine but it pushes all content to the right and on some of the pages it means you end up having to scroll horizontally to see all the content.

You can see this most apparent on the Shop Page but it does crop up on some others as well.

Ideally I'd move the nav bar so it's at the top of the screen instead of being in a side bar but as of yet I've been unable to get that to work. Was wondering if anyone here would be able to help!

Website Link: https://changing-cocoons.squarespace.com/home