Responsive tables don't work well.

  • Adrianw

    #10305

    Have a look at https://comptonshawford-pc.gov.uk/responsive-table-test/ on a large screen.

    As you resize the window,

    first the sidebar is relocated below the page content (correctly)

    then the text in the table cells suddenly stops flowing into several lines.

    So the table cells become very wide, which makes them difficult to read (especially on phones).

    I’ve tested this with Safari, Chrome, Firefox and Opera on the Mac and Safari on the iPhone.

    Other themes that I’ve tested work in a much more predictable and user-friendly way (Twenty-Fifteen, Twenty-Sixteen, Responsive, GovPress)

    I had a quick look at the code and couldn’t figure out how what the problem was

    Adrian

    In case I am testing a different theme when you visit the URL above, here are two screen shots

    With Franz Josef

    TableTest-FranzJosef.png

    With 2016

    TableTest-2016.png

    Adrianw

    #45873

    error – deleted

    Adrianw

    #45874

    More information:

    As I resize the browser window and make it narrower,

    the table flips into super-wide mode at the point when the menu at the top of the page is replaced by the symbol with three little horizontal bars.

    Before

    TableTest-FranzJosef-1.png

    After

    TableTest-FranzJosef-2.png

    IslandLife

    #45875

    Any fix for this. I just signed up to ask a similar question as I was having the same issue on a new site i’m building.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.