iPhone Menu

SOLVE
Highlighted
Occasional Contributor

First, I am NOT a coder...one of my design clients insisted that I redesign their existing site in HubSpot... So, I purchased a template pack and learned how to modify it. It is finally finished and working perfectly on all platforms, EXCEPT the iPhone! [I have reached out to someone with an Android phone to test it as well—haven't heard back yet]

 

When I click on the hamburger menu top right, it opens and stays open. But when I click on a '+' to see a sub-menu item, it opens and shuts immediately. I can't get to the child pages no matter how quickly I try to hit the button!

 

I asked HubSpot Help for answers, of course they had none and referred me here. I have also reached out to the template designer who, in the past, has been extremely helpful in holding my hand through the painful learning curve...HubSpot makes Dreamweaver seem like child's play! But I digress...

 

The site is www.eimedical.com. Any help on the iPhone menu issues would be greatly appreciated. Thank you!

 

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Top Advisor | Platinum Partner

Hello @Margot - You have an extra line of code in your javascript file.

At the top of the file hubtheme-main-clean.js, at the top, find the line: 

$(this).next('.hs-menu-children-wrapper').children('.hs-item-has-children').find('.hs-menu-children-wrapper').slideUp(250);

and comment that out with // in front of the line, like this: 

//$(this).next('.hs-menu-children-wrapper').children('.hs-item-has-children').find('.hs-menu-children-wrapper').slideUp(250);

You must clear your cache on the iphone in order to see the changes, here's instructions on how to do that:

https://support.apple.com/en-us/HT201265

 

Here's a video of your broken functionality:

https://monosnap.com/file/EvLSY03GDaqlh7VEBHf5Eqv45vrGH9

 

And here's a video after implementing the fix:

https://monosnap.com/file/9gsUd13CCptq9qMcN4nfYqpiKJdTrH


If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

 

View solution in original post

Reply
0 Upvotes
3 Replies 3
Highlighted
Solution
Top Advisor | Platinum Partner

Hello @Margot - You have an extra line of code in your javascript file.

At the top of the file hubtheme-main-clean.js, at the top, find the line: 

$(this).next('.hs-menu-children-wrapper').children('.hs-item-has-children').find('.hs-menu-children-wrapper').slideUp(250);

and comment that out with // in front of the line, like this: 

//$(this).next('.hs-menu-children-wrapper').children('.hs-item-has-children').find('.hs-menu-children-wrapper').slideUp(250);

You must clear your cache on the iphone in order to see the changes, here's instructions on how to do that:

https://support.apple.com/en-us/HT201265

 

Here's a video of your broken functionality:

https://monosnap.com/file/EvLSY03GDaqlh7VEBHf5Eqv45vrGH9

 

And here's a video after implementing the fix:

https://monosnap.com/file/9gsUd13CCptq9qMcN4nfYqpiKJdTrH


If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

 

View solution in original post

Reply
0 Upvotes
Highlighted
Occasional Contributor

Thank you SO much...I will try it when I get back to my office.

 

Only one question...where do I find those files, and can I edit the directly in HubSpot. [again, not a coder, just a lowly designer LOL]

 

I found a few js files, I will look when I return.

 

 

Thanks for you quick response—you rock!

Reply
0 Upvotes
Highlighted
Occasional Contributor

I sent your fix to the developer and he applied it...thank you!