WordPress.org

Making WordPress.org

Opened 4 years ago

Closed 3 years ago

Last modified 3 years ago

#271 closed defect (fixed)

Content area missing responsive styling

Reported by: Clorith Owned by: nacin
Milestone: Priority: normal
Component: Support Forums Keywords:
Cc:

Description

The rest of .org/support seems to be responsive except the content area, making it quite hard to use on mobile devices as you get side scrolling for the actual post content.

Attached a screenshot for clarification, the styling in question appears to be .col-10 in wp4.css:914

Attachments (1)

Screenshot_2014-01-09-06-01-42.png (103.4 KB) - added by Clorith 4 years ago.
Descriptive screenshot of missing responsive styling

Download all attachments as: .zip

Change History (4)

@Clorith
4 years ago

Descriptive screenshot of missing responsive styling

#1 @mlteal
3 years ago

Add a media query to forum-wp4.css to help eliminate horizontal scroll because of .col-6 and .col-12's fixed widths.

@media screen and ( max-width: 960px ) {
  .col-6, .col-12 {
    width: 100%;
    padding: 0 14px;
    margin: 0;
    box-sizing: border-box;
  }
}

Still need to address the Add New Topic and Reply sections.

#2 @nacin
3 years ago

  • Owner set to nacin
  • Resolution set to fixed
  • Status changed from new to closed

In 726:

Initial pass at making the support forums responsive.

props mlteal.
fixes #271.

#3 @nacin
3 years ago

In 728:

Add col-8 to forum responsive styles. props mlteal. see #271.

Note: See TracTickets for help on using tickets.