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 | Owned by: | |
---|---|---|---|
Milestone: | 3.2 | Priority: | normal |
Severity: | minor | Version: | 3.2 |
Component: | Themes | Keywords: | has-patch |
Focuses: | Cc: |
Description
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.
Attachments (1)
Change History (4)
Note: See
TracTickets for help on using
tickets.
Add clear:left to .widget for responsive design collapsing