Hello-
Table displays fine on desktop browser, but in mobile view the table lists each td stacked instead of in a row. For example:

The way I want it to look in mobile:

<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>

The way it shows up on mobile:

<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

Using firebug I see that css is controlled by '/index.php/?option=com_responsivizer&task=dynamiccss.display&format=css', but I cannot find where to edit this. I've tried modifying the table class in main.css with 'display:inline' however it's not working. Please help. Thanks
Rene

Hello,

please check if you have enabled the option to transform all tables to responsive. If so all table elements are stacked each one over the other. The css are dynamically generated.

Cheers,
John

I see- thank you for the quick response!

On the one hand I would like certain tables to be responsive, but this one table has only a few lines of content per <td>. It's actually just a weekly business hours table, which looks sort of funny stacked and a waste of space. Perhaps the best way to address this is with custom css in the main.css file?

The correct way would be keep to 'No' the generic option to transform all tables to responsive and use the parameter below entering specific CSS selectors to target only needed tables to be transformed to stackable layout.

That makes sense; thanks for the help!