Topic on Skin talk:Citizen/Flow

Wide Tables on Mobile Devices - horizontal scrolling

2
2001:56A:F8AB:7600:7DD9:C66A:34CC:920E (talkcontribs)

Hello, first off, great looking skin! I am hoping we can use it for our wiki.

We have wide sortable tables on our Wiki - on the Desktop it looks fine with a wide monitor, but when viewing on a portrait mobile phone, it does not allow scrolling to the right to view the whole table.

Screenshot from iPhone:

https://imgur.com/a/zP0Dl2K

(The width of the page cuts if off at Manufacturer, and cannot scroll over to view the rest of the table)

Screenshot from Desktop:

https://imgur.com/a/Y9QTy6h

Live page link:

https://cptdb.ca/wiki/index.php/York_University_Shuttle

Is there a suggested fix for this? Thank you so much for the great work!

Alistair3149 (talkcontribs)

There are two ways to approach it. You can either add the wikitable class to the table (which also applies Citizen's table styling) or citizen-overflow class to anything that might overflow.

Reply to "Wide Tables on Mobile Devices - horizontal scrolling"