% width for media screen

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    What is the “media screen” for you?

    That could should work actually, but it will only take a effect on screens smaller than 520px. And, the content in the table will of course have to fit into that smaller space.

    Regards,
    Tobias

    Thread Starter sofiette

    (@sofiette)

    Hi
    Thanks for your help. It’s for Iphone and the code doesn’t work. The table is the same, too large and i don’t want to use the responsive extension.

    https://www.chamoniarde.com/?page_id=1957&lang=en

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the link. Now I see what you mean.

    Unfortunately, this approach won’t work here. You can not set the table width to 50% if the content in it requires more width. You can see that it requires more width/space as it already extends beyond the screen.
    This basically is because the text in your table can not be word-wrapped (i.e. the browser can not add more line breaks) further.
    This is not caused by TablePress, but it’s a general fundamental issue with how HTML tables work in browsers. Your content has to go somewhere after all…
    The only chances that I see here are to hide certain column then (with CSS and a media query) or to reduce the font size maybe.

    Regards,
    Tobias

    Thread Starter sofiette

    (@sofiette)

    Thanks Tobias !

    I will try

    Sophie

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem! Sorry that I couldn’t present a solution, but tables are not that flexible for different devices, unfortunately.

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘% width for media screen’ is closed to new replies.