Mobile dropdown menu only appears when clicking '+' Brooklyn theme

Tasha_Beal
New Member
7 0 0

I am using the Brooklyn theme and have a dropdown menu item. On the mobile site, when I click on the main header of the drop down menu, "Shop," nothing happens. The dropdown menu only appears when clicking on the little symbol "+" to the right of the "Shop" text. How can I make the entire button bring the dropdown menu instead of only when I click the little symbol? For example, I want to be able to click "Shop" and have the dropdown menu appear on mobile.

0 Likes
Visely-Team
Shopify Partner
1837 210 420

Hey Tasha,

Looks like this was done by design. If you want to change the behavior look for initSideBarDropDowns javascript function in the theme's code you can attach the 'click' event to $('.mobile-nav__has-sublist') alongside or instead of $('.mobile-nav__toggle-btn')

Hope that helps!

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Lixon_Louis
Shopify Partner
1174 34 229

Yep,

@Tasha the file you need to edit is theme.js.liquid 

Change that 2813 line to this http://take.ms/HVj30

 var $toggleBtns = $('.mobile-nav__has-sublist');

 

Available for hiring. Reach me at lixon@ecommercestudio.in
Tasha_Beal
New Member
7 0 0

Worked perfectly! Thank you very much for your help!!

0 Likes
Chwhis
New Member
5 0 0

Hi,

I am having similar issue with the Broadcast theme. Wondering if you could help me with this issue too please!

Thanks!

0 Likes