Responsiveness not working

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is not actually caused by TablePress or the Extension, but by your theme shipping its own solution for responsiveness in tables. It’s basically trying to stack the rows on top of each other.

    The relevant CSS code is in the file https://www.lchfarkivet.se/wp-content/themes/SocialChef/css/style.css:

    .content table, .content thead, .content tbody, .content th, .content td, .content tr {display: block; }
.content thead tr 	{position: absolute;top: -9999px;left: -9999px;}
.content tr 		{border: 1px solid #ddd; }
.content td 		{border: none;border-bottom: 1px solid #ddd; position: relative;}
.pricing tr:nth-child(2) td {font-size:30px;}

td.label {width:100%;}

    starting in row 1653. I suggest to comment this out by wrapping it in /* and */.

    Regards,
    Tobias

    Thread Starter webkocken

    (@webkocken)

    Super!
    Thanks alot for the help!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsiveness not working’ is closed to new replies.