Custom breakpoint for responsive top-bar top

Hi All,

I’m using Foundation 6 with SASS.
We are pulling in foundation.min.css and foundation.min.js from the CDN, then adding local overrides. I’ve added:

$breakpoints: (small: 0,medium: 640px,navbar: 779px,large: 1024px);

and set:

$topbar-breakpoint: navbar;

My menu is collapsing to a single column at the right breakpoint, but no matter what I do, the hamburger doesn’t show up until 640px.

The javascript is inserting display: none as an inline style. How do I override the javascript?

Here’s a pen: