Mobile responsive

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter learningwp256

    (@learningwp256)

    Sorry second link for horizontal scrolling is:

    https://www.selectasitterservice.com/types-of-sitters/

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Something like this could indeed be achieved with some CSS.
    Please try adding this:

    @media (max-width: 620px) {
  .tablepress-scroll-wrapper:before {
    display: block;
    content: "← scroll →";
    text-align: center;
  }
}

    Regards,
    Tobias

    Thread Starter learningwp256

    (@learningwp256)

    Worked great! I went ahead and did an :after also.

    Why did you choose a max-width of 620?

    Would using a fixed table width or column width help in getting more of the table on the screen?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    very cool, good to hear that this helped!

    The 620px is pretty much the screen width at which the scrolling starts for this table.

    A fixed table or column width will not help here, as the content (i.e. the words in the top row and the “Review” images) simply require a certain minimum width.

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile responsive’ is closed to new replies.