Make WordPress Core

Opened 13 years ago

Closed 13 years ago

#17423 closed defect (bug) (fixed)

Twenty Eleven: responsive design does not drop sidebars entirely

Reported by: devinreams's profile devinreams Owned by:
Milestone: 3.2 Priority: normal
Severity: minor Version: 3.2
Component: Themes Keywords: has-patch
Focuses: Cc:


I've set up a Twenty Eleven theme and using the "Home" page template:

  • added a "Text Widget" to the Default Sidebar
  • enabled "Auto add paragraphs"
  • entered text, two line returns, and text (i.e.: 2 paragraphs)
  • loaded the home page
  • resized browser down to size where sidebar (#secondary) should responsively 'drop' below main content (#primary)

Issue: the first paragraph in the text widget is still floating right over the main content area, second paragraph and remaining widgets appear beneath as expected.

Screenshot showing issue:

Expected behavior: the sidebar or widgets are cleared properly to drop down below.

Worked around by adding "clear: left" to .widget in style.css (line 1536 at r17917).

Not sure the "best" solution here, I leave that to the experts to verify my approach above.

Attachments (1)

style.diff (256 bytes) - added by devinreams 13 years ago.
Add clear:left to .widget for responsive design collapsing

Download all attachments as: .zip

Change History (4)

13 years ago

Add clear:left to .widget for responsive design collapsing

#1 @devinreams
13 years ago

  • Keywords has-patch added; needs-patch removed

#2 @ocean90
13 years ago

  • Milestone changed from Awaiting Review to 3.2

This does only happen, if no title is given. h1 for the title has clear:both which is missing.

#3 @iandstewart
13 years ago

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

Fixed in r18048

Note: See TracTickets for help on using tickets.