Support » Theme: Customizr » Responsive Tables

  • Hi there!

    I was trying to achieve responsive tables with Customizr but they are not working. I would like something like this, as seen here (https://sitesforprofit.com/responsive-tables-in-wordpress):
    Responsive Tables

    So that on mobile phones i could have tables formatted like the one on picture, since i believe its much more useful that way on small screens.

    From that website i tried to add the code

    @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;
    }
    }

    to my child style.css but it has no effect.

    Thanks and i think Customizr devs should add this as an option to Customizr settings!!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Tables’ is closed to new replies.