WordPress.org

Making WordPress.org

#3527 closed defect (fixed)

Fix responsiveness for the Blog page

Reported by: raajtram Owned by:
Milestone: Priority: normal
Component: General Keywords:
Cc:

Description

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 13 months ago.
Prevent tables from breaking responsiveness

Download all attachments as: .zip

Change History (4)

@raajtram
13 months ago

Prevent tables from breaking responsiveness

#1 @obenland
11 months 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
10 months 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
10 months 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.