The issue was that we were using 1024px for the breakpoint, but bootstrap uses 922px implicitly within the navbar-expand-lg class that does the expanding for us. I had to update mobile nav breakpoint to 911px manually (since we are using max-width here so need to subtract 1 to handle the exclusive range).
Maybe there's a better way to match bootstraps breakpoints, and we could make this a bit more intuitive by using a mobile-first approach, but getting this quick fix out for now!
Quick fix for the mobile anv bug (https://github.com/Fireflower2012/CooperationHullMainSite/issues/84).
The issue was that we were using
1024pxfor the breakpoint, but bootstrap uses922pximplicitly within thenavbar-expand-lgclass that does the expanding for us. I had to update mobile nav breakpoint to911pxmanually (since we are usingmax-widthhere so need to subtract 1 to handle the exclusive range).Maybe there's a better way to match bootstraps breakpoints, and we could make this a bit more intuitive by using a mobile-first approach, but getting this quick fix out for now!