Hi,
thanks for your question, and sorry for the trouble.
I’m not really sure what you mean here. From what I can see, no TablePress responsiveness mode is in use here.
(The reason is that you have merged cells in the first row, due to which the DataTables JS library stops working. I therefore suggest that you uncheck the “Use DataTables” checkbox or remove all #colspan# from the table head row.)
Now, the change of style (with cells suddenly appearing below each other) is a feature of your theme, done by CSS code. It’s done by this CSS
@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;
}
}
in the /wp-content/themes/enterprise-pro/style.css file, so that you could just remove that code or comment it out.
Regards,
Tobias
Will give it a try this morning. Note, I had added the responsive code to the shortlink, it did not change anything, except for one option that mucked it up, so I pulled it back out. Will clean things up and then try again.. Thank you!
Hi,
no problem, you are very welcome! 🙂
Best wishes,
Tobias
