Table In Page for cell phone viewing

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • February 13th, 2018 at 13:51 #59790
    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?

    February 13th, 2018 at 15:24 #59791
    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
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Table In Page for cell phone viewing’ is closed to new replies.