I've implemented a rudimentary hamburger menu to better support mobile devices. The larger menu should only appear on desktop with the hamburger dropdown appearing on smaller screens. I had a bit of trouble testing for medium/tablet sized devices, so more tweaking may be necessary there. Shoutout to DesignByGio for having a good tutorial that I could use to implement this.
I imagine my code isn't best next.js practices, but I'd like to ensure good mobile support before properly refactoring it.
I've implemented a rudimentary hamburger menu to better support mobile devices. The larger menu should only appear on desktop with the hamburger dropdown appearing on smaller screens. I had a bit of trouble testing for medium/tablet sized devices, so more tweaking may be necessary there. Shoutout to DesignByGio for having a good tutorial that I could use to implement this.
I imagine my code isn't best next.js practices, but I'd like to ensure good mobile support before properly refactoring it.