I am working on a theme that we plan to deploy across several sites (basis sub-theme); I have worked out switching the mobile menu to break out earlier than the default, with Jen's blog post as guidance, however this does not account for sub-menu items that at screen width under 768px require a click to reveal. Instead one above 769px (48em) must still hover to reveal. I would like the same behavior (click to reveal) to happen all the way up to the width limit of the hamburger menu. Since the default is accomplished via smartmenus.js, I was curious if anyone had developed a js override to this script to cause the break-point of sub-menu behavior to shift that I could take a look at. Thanks!
Ah! Was not related to js at all, which is why I was having so much trouble narrowing this down! In core/modules/system/css/menu-dropdown.theme.css on line 77, .js .menu-dropdown ul positioning should be explicitly unset at the 48em breakpoint in the theme override file!