• The CSS in your latest update is breaking tables on mobile devices all over my client’s website.

    Why does the plugin use a responsive style in the plugin with tbody > td and no classes?

    @media screen and (max-width: 600px) {
    table {width:100%;}
    thead {display: none;}
    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tbody td {display: block; text-align:center;}
    tbody td:before {
    content: attr(data-th);
    display: block;
    text-align:center;
    }
    }

  • The topic ‘Plugin CSS styles are affecting other tables.’ is closed to new replies.