Return to Bug Report

Responsive tables don't work well.

Home Forums Franz Josef Bug Report Responsive tables don't work well.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10305
    Adrianw
    Member

    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

    #45873
    Adrianw
    Member

    error – deleted

    #45874
    Adrianw
    Member

    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

    #45875
    IslandLife
    Member

    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.