Brooklyn Menu button is not visible in desk and mobile

Shopify Discussion

Topic summary

A Shopify store owner reports that the hamburger menu button and side menu links have disappeared on both desktop and mobile versions of their Brooklyn theme site.

Proposed Solution:
A staff member provided CSS code to restore visibility:

  • Add display: block !important; to .site-header .grid__item:first-of-type .site-nav--mobile in the theme’s CSS file

Current Status:
Another user tested the site across multiple browsers and configurations (including BrowserStack) and found the menu working correctly, suggesting the issue may be:

  • Browser-specific
  • Device/configuration-dependent
  • Already resolved

The discussion remains open pending confirmation from the original poster about their specific testing environment and whether the CSS fix resolves their issue.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

The hamburger button is not visible since few days and the side menu links are not visible. How can we get it back

www.sammyscoffee.com

Error.jpg
Error.jpg1200×675 66.5 KB

1 Like
2 
.site-header .grid__item:first-of-type .site-nav--mobile {
	display: block !important;
}

Please add that CSS code to your theme.scss.css file

3

@SammysCoffee We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?