Why isn't my mobile site menu functioning properly?

Store Design
,

Topic summary

Mobile menu on the Brooklyn theme doesn’t open on first load of the homepage; it works on all other pages. Previously found online fixes didn’t resolve it.

The store owner also wants to set the site’s headings (and eventually all text) to the Tan Pearl font. Font files are already uploaded, but they need guidance on where in the theme code to apply the change.

In follow-ups, they ask if the fix involves deleting all references to jQuery (a JavaScript library commonly used by themes), noting jQuery appears multiple times in the code. They also reference “6067” as the code length/lines when sharing details.

No confirmed solution yet. Open questions: the correct method to fix the homepage-only mobile menu issue, and the proper steps/file locations to implement the custom Tan Pearl font across headings/body without removing necessary jQuery.

Summarized with AI on December 30. AI used: gpt-5.
1

Hi there! I have an issue with the online store that I built using the Brooklyn theme. The menu isn’t working on mobile devices when I initially open up the site. After clicking on the menu icon at the upper left corner when first loading the site- nothing opens. If I am on any other page besides the home page, it will open. I can’t figure this out! The solutions I have found online did not work for my store.

Also - I would love to change the heading font to Tan Pearl. I have already uploaded all the necessary assets (the font files in various formats) but I can’t figure out where to change the code! I will eventually want to change the font of the body/header text as well so that all font on my site is cohesive with my logo.

My online store link is: hausbyhaleigh.com

Thanks so much in advance.

2

Hi thank you,

to do this do I just delete all code that mentions jquery?

3

I’m not sure! jquery is mentioned various times throughout the code

4

Sure! the code is 6067