Hello @khurram virk,
To resolve the issue with hidden content, please use the following CSS snippet:
.excerpt-content-inner .row {
margin-left: 0;
margin-right: 0;
}
As you mentioned that you found a solution for fixing the table, we would like to know whether you have already implemented it or are still exploring possible solutions.
As part of the solution, you can align the text inside the table by using the following custom CSS snippet:
.excerpt-content-inner table {
white-space: nowrap;
}
However, to apply the scroll effect only to the table (since the current horizontal scroll affects all content when a long table is included), please wrap the table in an additional div with the class “table-wrapper” (for example: https://prnt.sc/2wBGzwUEjDwe). Then, you can use the following CSS:
.excerpt-content-inner .table-wrapper {
max-width: 100%;
overflow: auto;
}
Frontend result: https://gyazo.com/5a2f1ed3ff8801cf2266b356c116d661
Best regards,
Jack Richardson
8Theme Team