Disable the 'hide behind hamburger icon' feature for the navigation when it contains too many links to fit on one line. #Brooklyn

instructions.md

Problem

You want to disable that “hide-behind-hamburger-icon” behavior in the large view:

Solution

You can either reduce the amount of links in the Main Menu, or...

1. Comment out theme.fitNav(); in theme.js.liquid. Direct link.
2. Add .site-nav { white-space: normal; opacity: 1; } at the VERY BOTTOM of theme.scss.liquid. Direct link.

theme.js.liquid

//theme.fitNav();

theme.scss.liquid

.site-nav {
  white-space: normal;
  opacity: 1;
}

Unable to locate:

1. theme.fitNav();
   on line 1. I see window.theme = window.theme || {};
   want to disable hamburger menu in order to see menu across the page.
   Using Brooklin site name baggerx.com

Any chance someone could help me with the opposite in the Brooklyn Theme - so, only have the hamburger menu showing at all sizes on desktop and stop the navigation showing as text links across the top? :) Any help would be hugely appreciated!

I took out and put in coding...no changes

well a change but didnt remove burger

Worked PERFECTLY!!!
NOTE!! there is MORE THAN ONE INSTANCE of theme.fitNav(); in theme.js.liquid

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; }