Opened 12 years ago
Closed 12 years ago
#21383 closed defect (bug) (fixed)
Twenty Twelve - fixed width content breaks responsive layout for mobile
Reported by: | chriswallace | Owned by: | lancewillett |
---|---|---|---|
Milestone: | 3.5 | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | has-patch |
Focuses: | Cc: |
Description
In cases where a fixed width element is located inside a page or post, the element breaks the layout, causing scrollbars on mobile.
I recommend adding overflow: hidden; to the #content div for smaller screen sizes, to avoid the possibility of left/right scrolling.
Attachments (2)
Change History (12)
#6
@
12 years ago
I saw this behavior using the Theme Unit Test data. It can be replicated by importing the unit test data and resizing the window to approximately 320px wide.
This is on the latest version of Chrome.
#7
@
12 years ago
Is this in a specific post? I can't reproduce it on index pages: http://responsinator.com/?url=themebuster.wordpress.net
Note: See
TracTickets for help on using
tickets.
Thanks for the report, Chris. Could you add screenshots for this, please? That way we can test the same cases and scenarios you are looking at to see the same thing breaking.
Also maybe post up a way to repeat it by entering something into the page or post content.