Hello
There is a problem
The post content contains a table, the table is nested in a layer with the overflow-x:auto property
On classic post templates from tagDiv Standard Pack such as style 7, 8, 9, etc. overflow-x:auto property works fine
On any other imported or created post template, the property does not work: the table on a small screen simply shrinks horizontally and becomes unreadable
How to solve this problem?
Thank you
Hi,
This can be done with custom code css, please provide the link to a post where you have the table.
Thank you!
Hi,
https://rasto.net/table-test.html
Thank you!
Hi,
Please try this code css
.table-wrap .tdb_single_content .tdb-block-inner.td-fix-index
{
word-break: auto-phrase;
}
Set the custom css in the theme panel > custom code> advance css and the problem should be resolved.
Thank you!
The code was added, but nothing changed ((
We solved the problem after experimenting
This is the code that worked:
.table-wrap {overflow-x:auto !important; word-break: auto-phrase !important;}
.table-wrap .tdb_single_content .tdb-block-inner.td-fix-index
{word-break: auto-phrase !important;}
Thank you very much for the help!
Hi,
I’m glad that you managed to solve it.
Have a great day!
