Brooklyn Theme changed menu now mobile menu won't show

RoPoLola
Tourist
5 0 0

Hi, I'm using the Brooklyn theme, and I didn't like that the menu on the desktop would turn into a hamburger menu. I modified the theme.scss.liquid code so the menu won't collapse into a burger, and instead, the menu would be displayed under the header, which works; however, the mobile menu is gone. I attached a screenshot of the mobile site's missing menu, profile icon, and magnifying glass icon. 
Screenshot 2023-03-07 at 12.03.10 PM.png

 

I've been comparing the updated site to the original template, and it looks like, for some reason, the mobile init command isn't registering on the updated site. I've attached a screenshot of the page inspection below for comparison and contrast.

 

Below is the screenshot of the desktop site's inspection page. The left-hand page is the updated site, and the right side is the old Brooklyn template. The yellow is where elements match up to the code. The left-hand side is two division elements below the right-hand side, as noted by the red asterisk placements. The left-hand side became a navigation class in a grid item, while the right hand is still a division element with the mobile initialization.

Screenshot 2023-03-07 at 3.01.58 PM.png

 

Below is the screenshot of the mobile site, where the updated site on the left has no burger menu, and the old template retains the burger menu:

Screenshot 2023-03-07 at 3.09.04 PM.png

 

TL;DR How do I get the hamburger menu to show on the updated site?

Please let me know if you'd be able to help so I can provide the password to the site https://learn-scuba-chicago.myshopify.com/

Replies 2 (2)

Litos
Globetrotter
688 169 150

Hi @RoPoLola,

Please send me password, I will check it.

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
RoPoLola
Tourist
5 0 0

Hi @Litos I send you a message with the password. Thanks!