Docs

[Horizon]

Hi

I’ve set up some tabs on my site but they don’t seem to work on mobile devices, how can i resolve this? Thanks

[Horizon]

This reply has been marked as private.

[Rupok]

Hi there.

Thanks for writing in! It seems working on my end on mobile. Would you check again and confirm the issue?

Cheers!

[Horizon]

Thanks for your reply, still not working my end tested on iphone 5 and blackberry 10

[Jack]

Hi there @Horizon,

Thanks for writing in, this is a confirmed bug and should be patched in the next release.

If you want to patch it yourself for now, you can go to x/framework/js/dist/site/x-body.js

And on line 1946, change that code to:

 //
  // Scroll trigger.
  //

  $('a[href*="#"]').on('touchstart click', function(e) {
    href        = $(this).attr('href');
    notComments = href.indexOf('#comments') === -1;
    if ( href !== '#' && notComments ) {
    notAccordion = href.indexOf('#collaspe-') === -1;
    notTabbedContent = href.indexOf('#tab-') === -1;
    if ( href !== '#' && notComments && notAccordion && notTabbedContent ) {
      var theId = href.split('#').pop();
      var $el   = $('#' + theId);
      if ( $el.length > 0 ) {
        e.preventDefault();
        animateOffset($el, 850, 'easeInOutExpo');
      }
    }

Please note, you’ll then need to re-compile x-body.js, to it’s minified form, and update that file as well.

Any change you make to these files will be overwritten on update.

Thank you!

[Horizon]

Thanks for your reply, before i go in and edit the code has the latest update (4.4.2) resolved this bug? if so i’ll just update X.

Thanks

[Rad]

Hi there,

Not yet, this code is provided the day the new update is compiled. But should be added on next update.

Thanks!

[Author]

Posts