Tables are not displayed correctly on mobile devices

  • Resolved vas7roman

    (@vas7roman)


    6 years ago

    Good day!

    Link for example, on other pages of the site is the same.

    In this example, of 6 columns, only 3 are displayed in the vertical orientation of the device, and 5 columns in the horizontal.

    Just in case, in the options, Tablepress introduced:

    .tablepress-id-5 {
    width: 100% !important;
    }

    Did not help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    To turn this off, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap: normal;
}

    Regards,
    Tobias

    Thread Starter vas7roman

    (@vas7roman)

    Thanks for the quick response!

    I wrote CSS, nothing has changed …

    In general, it seems to me that user css does not work.

    I thought it was somehow related to the topic, but Google says that the pages are optimized. And the tables don’t fit in the mobile anyway.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    for me, the CSS is being applied and working. Can you maybe try clearing your browser cache and try again?

    And yes, the table is not fitting on small screens (technically it’s not fitting the desktop screen either, due to the content area that your theme defines).
    You could maybe take a look at https://tablepress.org/extensions/responsive-tables/ for some ideas for this.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tables are not displayed correctly on mobile devices’ is closed to new replies.