[dee823]

I have a table on a page using the Mantra theme. When viewed on a cell phone, only the left two columns of the table are visible, the rest is off to the right and not accessible.

How can I make the whole table available for viewing?

[dee823]

Found an answer, sorry for the simplistic request.

I added class-“responsive” to the <table>, <table class=”responsive”>. And the following code to the additional CSS

@media only screen and (max-width: 840px) {
table.responsive {
margin-bottom: 0;
overflow: hidden;
overflow-x: scroll;
display: block;
white-space: nowrap;
}
}

[Author]

Posts