You want to disable that “hide-behind-hamburger-icon” behavior in the large view:
You can either reduce the amount of links in the Main Menu, or...
- Comment out
theme.fitNav();
in theme.js.liquid. Direct link. - Add
.site-nav { white-space: normal; opacity: 1; }
at the VERY BOTTOM of theme.scss.liquid. Direct link.
Still works great with new Brooklyn version.
I had to add as well to theme.scss.liquid for showing the hamburger menu on mobile
.site-nav, .site-nav--open { opacity: 1; }