Twenty Eleven: responsive design does not drop sidebars entirely
|Reported by:||devinreams||Owned by:|
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: http://d.pr/XdyX
Expected behavior: the sidebar or widgets are cleared properly to drop down below. http://d.pr/BCQ6
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.