Hi Buddy,
The tables are not responsive in some of the posts where the tables are slightly bigger – please refer this post (https://candytech.in/oppos-growth/) and suggest what should we do to make it fit in the post max width space rather than overflowing. Seeing the same issue on the mobile as well, the table is overflowing to the right side.
Post URL – https://candytech.in/oppos-growth/
Thanks
Kanuj
Hello,
It seems you have a table with fixed a fixed width. You will need to re-create it in responsive mode in order for it to be accessible on all devices. Please check thos generator: https://ianrmedia.unl.edu/responsive-table-generator-tool
Thank you!
Thanks Dear Bogdan, any suggestions how I may be able to locate which posts will have this issue as we have 2000 plus articles on candytech.in, finding them manually will be tough.
Hi,
I could give you a code to make table use 100% of the available post content space, the result would be like this
– https://www.screencast.com/t/SAnt61zifg
Additionally you could increase the first column containing the list
– https://www.screencast.com/t/cY7YcQLw
This is the code for the table width
.td-post-content table {
width: 100%!important;
}
This for the first column, use it if you wish (you may modify it)
.td-post-content table td:first-child {
width: 105pt!important;
}
These codes will affect all the posts that have tables inside the content. Enter them in Theme panel->Custom CSS code section.
Thanks
