Wide tables become squished in published pages

Product Support
3

There are two issues with this published page and the table.

The content-wrapper seems a bit small.

You could try to adjust it by playing with max-width (first part of the css), you can change the value it should still be responsive.

Then the width:100% of the table doesn’t work, probably because the css is a little bit different in the published page. I’ve added a second part in the custom css to fix that

Here is the code:

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}