Docs

[kangomedia]

Hi,

I’m having a problem with my custom toggle element not firing the Superfly menu when in landscape mode on an iPad mini. The default Superfly button works, but not a custom toggle element.

The custom toggle element works fine on desktop, fine on iPad in portrait mode, fine on iPhone 5 & 6 in portrait and landscape.

I’ve disabled all plugins and the problem persists.

The problem goes away when I reverted to the TwentySixteen theme. So it appears to be some sort of conflict with X.

Any ideas?

http://shah.kmclient.com

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[kangomedia]

This reply has been marked as private.

[Rad]

Hi there,

It’s working on my end, but since it’s too small my tap action mostly missed.

Try adding this CSS to expand the space of the icon.

.x-navbar .desktop #menu-item-13 a {
padding: 8px 16px;
margin: 0 5px;
}
 

Hope this helps.

[kangomedia]

That didn’t help. All it did was add some spacing/padding to the menu item. I don’t have a problem click on the menu item.

Did you test it on an actual iPad? Everything works fine on a desktop, even if you resize the browser. But it’s buggy when on a mobile device and doesn’t work on iPad.

I’ve recorded some videos below to show what I’m talking about.

iPad Mini Landscape – https://youtu.be/pNPqbH3DTz8 (41 sec) the audio isn’t working but you can see me clicking on the menu link
iPad Mini Portrait – https://youtu.be/7UVI93afa9A (33 sec) the audio isn’t working but you can see that the contact form does not appear when I click on ‘schedule appointment’

iPhone 6 Plus Portrait – https://youtu.be/m7Q1iEF8WaU (15 sec)
iPhone 6 Plus Landscape – https://youtu.be/8oLK1iN6r2o (48 sec)

[Rad]

Hi there,

Thanks for the clarification, I thought you’re just referring to the burger menu icon’s functionality based on provided screenshot.

It’s known issue on iOS due to touch events, usually it can be fix by setting off(‘touchstart touchend’) but it’s not effective. I’ll follow up on this issue, but for now, please avoid adding your menu URL as #, or any form of hash. You may add javascript:void(0); as the value of link, which means empty.

Thanks!

[kangomedia]

I really think it’s some conflict with X Theme. There are no issues when I use the default TwentySixteen theme.

[Rad]

Hi there,

Yes, I’m referring to our theme. And it’s known issue between X theme’s touch events and iOS. And we’re currently investigating it, but unfortunately, there is no available solution yet. You may follow the recommendation I mentioned above.

I’ll continue testing as I’m getting the same issue on my end. I’ll let you know if I find something.

Stay tuned. Thanks!

[kangomedia]

I see. Thanks for the clarification.

[Joao]

You are welcome,

Let us know if we can help with anything else.

Joao

[Author]

Posts