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
1024px
for the breakpoint, but bootstrap uses922px
implicitly within thenavbar-expand-lg
class that does the expanding for us. I had to update mobile nav breakpoint to911px
manually (since we are usingmax-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!