Opened 6 years ago

Closed 6 years ago

#3527 closed defect (bug) (fixed)

Fix responsiveness for the Blog page

Reported by: raajtram's profile raajtram Owned by:
Milestone: Priority: normal
Component: General Keywords:


The Blog Page's responsiveness is broken, primarily due to the <tables> in the WordPress User Survey Data for 2015-2017 post.

Page 2 of the blog (or really, any other page where posts don't contain tables) is fine. So the culprit is indeed the table(s).

A "quick-fix" or hack would be to stop the overflow on the column, and that works for most of the tables. However, there are a few tables in there which are not 100% responsive (I'm not sure why).

Attachments (1)

3527.patch (542 bytes) - added by raajtram 6 years ago.
Prevent tables from breaking responsiveness

Download all attachments as: .zip

Change History (4)

6 years ago

Prevent tables from breaking responsiveness

#1 @obenland
6 years ago

  • Keywords 2nd-opinion added

I'm leaning towards not fixing it, but rather live with it until we redo the News theme and handle tables properly. It's just this one post that breaks it, and it doesn't break it in a way that would make the site unusable on small screens. Thoughts?

#2 @ocean90
6 years ago

A better fix might be to limit the width of the table but still make the content fully visible by allowing the table to be scrolled:

table {
	overflow-x: auto;
	max-width: calc( 100vw - 28px );

#3 @ocean90
6 years ago

  • Keywords needs-testing 2nd-opinion removed
  • Resolution set to fixed
  • Status changed from new to closed

Added the quick fix to customizer's Additional CSS. Should be good for now.

Note: See TracTickets for help on using tickets.