Dear Team,
i just create table on footer, i have problems..
my table not reponsive on mobile
please check :
On desktop is ok : https://www.screencast.com/t/E5JrR8RTX
but
On mobile not responsive : https://www.screencast.com/t/jF4d6Idz1iIm > https://www.screencast.com/t/QFRk1ENNHDJ
this is my table html on footer:
<table style=”text-align: center; padding: 5px; background-color: #f7f7f7; border: 2px solid #ececec;”>
<tbody>
<tr>
<td>#INSPIRASI</td>
<td>#KREATIVITAS</td>
<td>#SEHAT</td>
<td>#PSIKOLOGI</td>
<td>#TIPS</td>
<td>#CEWEK</td>
<td>#HUBUNGAN</td>
<td>#KEHIDUPAN</td>
<td>#MOTIVASI</td>
<td>#TEKNOLOGI</td>
<td>#DIET</td>
</tr>
</tbody>
</table>
Please help..
Thanks
Best Regards
tables are not responsive, generally in modern HTML, and this is why CSS columns more commonly used.
Also, you should never use inline styles within HTML anymore; but only use CSS classes.
So create a table class and apply the class to the table.
To make table cells psuedo-responsive, you would need to create classes for each td
like td33 for a 3 column table
.td33{width:33%}
For what YOU appear to be doing, you’d be better off using floats, or simple centered text div with CSS span on each item for custom per item elements.
Outside scope of theme, but you can find many tutorials online.
I don’t work here, but have suffered this issue myself 🙂
Hi Cris,
Thank for your response..
Ok, I will try..
i will come here if have result
Thanks
