Menu icon Foundation

My Posts

No Content

My Comments

Dan Williams commented on Kyle Keeling's post almost 4 years

Ok, I've figured out the second scrollable region bit, as this was because I had to instances initialising (one in a bundle I didn't know was there!) and your bit below is being caused by a mismatch between the @media query for the .pinned class and the js value. Check where your small-only breakpoint in px is using inspect and alter the js accordingly. There are 2 values in the responsive-tables.js;

 var updateTables = function() {
    if (($(window).width() < 642) && !switched ){
      switched = true;
      $("table.responsive").each(function(i, element) {
        splitTable($(element));
      });
      return true;
    }
    else if (switched && ($(window).width() > 642)) {
      switched = false;
      $("table.responsive").each(function(i, element) {
        unsplitTable($(element));
      });
    }
  };

Change the number values to the break point and your issue will go away.

Hope hat helpes

Dan Williams commented on Kyle Keeling's post almost 4 years

I'm experiencing this too. Plus also, that rogue column gets plonked as a second scrollable region within the first, at mobile resolution.

Kyle, did you manage to resolve your issue?

Cheers
Dan

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Kyle Keeling's post almost 4 years

Ok, I've figured out the second scrollable region bit, as this was because I had to instances initialising (one in a bundle I didn't know was there!) and your bit below is being caused by a mismatch between the @media query for the .pinned class and the js value. Check where your small-only breakpoint in px is using inspect and alter the js accordingly. There are 2 values in the responsive-tables.js;

 var updateTables = function() {
    if (($(window).width() < 642) && !switched ){
      switched = true;
      $("table.responsive").each(function(i, element) {
        splitTable($(element));
      });
      return true;
    }
    else if (switched && ($(window).width() > 642)) {
      switched = false;
      $("table.responsive").each(function(i, element) {
        unsplitTable($(element));
      });
    }
  };

Change the number values to the break point and your issue will go away.

Hope hat helpes

You commented on Kyle Keeling's post almost 4 years

I'm experiencing this too. Plus also, that rogue column gets plonked as a second scrollable region within the first, at mobile resolution.

Kyle, did you manage to resolve your issue?

Cheers
Dan

Posts Followed

Following

  • No Content

Followers

  • No Content