Hey,
I have solved this error in my site.
How to Solve Table out of Frame issue in Question2Answer?
Here is the solution for this issue. It just need to add 2-3 CSS code [ first to convert it to block, then automate overflow in x direction using overflow-x:auto; ].
- Just inspect the table CSS and find out what is the number of line of CSS file. Or, simply go to the CSS file of your site and find out table selector.
- You can also find the line. Firstly, right click on table...then click on inspect and then find <table> code and click on it, so that corresponding CSS will also be show. Then, find the number of line of table selector.. In my case, table selector is located in qa-styles.css and in line number 197.
- Just go the CSS style file (in my case is qa-style.css) and find number of line where table selector is written (197 in my case).
- Then, Replace the CSS with this one.
- table {
border-collapse: collapse;
max-width: 100%;
display: block !important;
overflow-x: auto !important;
width: 100% !important;
}
- I would like to mention that either replace the whole table sector code with the above code or just add below CSS code in previous code.
- display: block !important;
overflow-x: auto !important;
width: 100% !important;
- In the end, your table selector CSS code should look like the below one.
- Now, save your code and clear your cache.
You can check using incognito tab in Chrome or private tab in Mozilla.
Your problem will be solved. ;-)
