Hi,
thanks for your post, and sorry for the trouble.
I’m not really sure what you mean here. From what I can see, you are using the Responsive Tables Extension and have configured it to show the responsive version on all screen sizes.
Everything works fine for me there. Can you maybe explain in more detail what’s not working for you? Can you maybe post a screenshot that shows the problem?
Regards,
Tobias
Tobias…
Please have a look at the screengrab here: http://advancedcomputing.ca/misaligned.jpg
For the columns that have information from Quebec there is a small icon that shows on a second line of the first row cell. Those columns produce the misalignment.
Can you recommend how to remedy this?
Rob
Hi Rob,
ah, thanks for the screenshot. Now I see what you mean.
The reason for this basically is the different cell height due to those images in some cells. In the responsive mode, the browser can not detect that and calcules wrong heights.
You could therefore set the height manually, with e.g. this “Custom CSS” on the “Plugin Options” screen of TablePress:
.tablepress-id-1 .column-1 {
height: 40px;
}
Alternatively, instead of using the Responsive Tables Extension, which flips the table and only then makes it scrollable, you could just use horizontal scrolling, e.g. like https://ww.wp.xz.cn/support/topic/responsive-tables-scroll-only?replies=6#post-5511954
Regards,
Tobias
