Docs

[Benjamin B]

Running X on thefairmount.net, and while accordions behave fine on desktop browsers, they are misbehaving on iPhones (my client’s and mine at least).

http://thefairmount.net/food-menu/

http://thefairmount.net/cocktail-selection/

…as two examples. Suggestions?

:Benjamin Barnett

[Rad]

Hi there,

Thanks for writing in.

Could be conflict between touch events scroll method, please try editing this file

\wp-content\themes\x\framework\js\dist\site\x-body.min.js

and find this string

a[href*="#"]

and change it to this

a[href*="#"]:not(.x-accordion-toggle)

Or you can add this code to customizer’s custom javascript.

jQuery( function($) {

$(document).ready( function() {

setTimeout( function(){ $('.x-accordion-toggle.').off('touchstart touchend'); }, 300);

} );

} );

This will unregister the touch event after 300ms delay.

Thanks!

[Benjamin B]

The second fix did not work for me, but the first did (a little sad, as it’ll be overwritten by next update). Can I hope next update will incorporate the first script tweak?

Thanks for the speedy reply. :Benjamin

[Rahul]

Hey There,

Thanks for the feedback!

We’ve submitted this to our developers team for future review.

New update will fix such future requests which we receive regularly from the users. Thanks for your patience.

[Benjamin B]

Unfortunately, that first fix (the change to x-body.min.js) seems to have broken main navigation submenu display on touchscreen devices. Can you please investigate and suggest a tweaked fix that preserves wanted accordion behavior in main content while not disabling navigation behavior?

Thanks,
:Benjamin

[Benjamin B]

Again, the site in question is thefairmount.net :Benjamin

[Rad]

Hi there,

I just checked it and all your submenu are working fine on mobile. What issues you’re getting? Please provide a video recording.

Thanks!

[Author]

Posts