iPhone Menu

[Margot]

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!

[tjoyce · Accepted solution]

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.

[Margot]

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

[Margot]

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!