Wrong display on tablet version

  • Resolved jako68510

    (@jako68510)


    3 weeks, 6 days ago

    Hello Tobias,
    I’m asking for your help again.


    I have a site with 4 products pages, each with a table.
    On 2 of the 4 pages, the table is displayed correctly on the computer version, on the tablet version and on the smartphone version.
    On the other 2 pages, the table also displays correctly except on the tablet version.


    Here are the pages where the table does not display correctly on the tablet version:
    https://www.projac-bonfiglioli.fr/cisaille-horizontale/
    https://www.projac-bonfiglioli.fr/cisaille-verticale/


    I don’t understand because I’ve built all 4 pages on the same model.
    Can you help me?
    Thanks for support.

    Regards
    Kévin

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    what do you mean with “does not display correctly” here? Do you mean that the tables are slightly overflowing to the right? What would you like to see them do?

    From what I can see, in this two column layout, with the text on the left and the table on the right, you are giving the table column a width of 39.532% of the total width. And on smaller screens like that of tables, this space simply is not enough for all of the table to fit, e.g. due to long words like “Consommation”. You could either increase that percentage width, look into using a mode for responsiveness, or allow the browser to add (possibly ugly line breaks) by adding this to the “Custom CSS” Code on the “Plugin Options” screen:

    .tablepress {
      word-break: break-word;
    }

    Best wishes,
    Tobias

    Thread Starter jako68510

    (@jako68510)

    Hello Tobias,

    It’s works, Thank you !

    Regards
    Kévin

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.