#462 closed defect (bug) (duplicate)
Responsive fixes for wordpress.org/mobile
Reported by: | nphaskins | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | General | Keywords: | |
Cc: |
Description
If you visit wordpress.org/mobile there are some fixed widths in there that we can make look better on mobile. Here are some CSS fixes below for http://wordpress.org/mobile/ when below 480px viewport.
Before CSS
http://cl.ly/image/2A1t3w0n4230
After CSS
http://cl.ly/image/1U2d0p0r0m3x
And here's the CSS to use:
// not sure if you want to jack with this but should really be reset on mobile .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float:none; width:100%; margin:0; padding-left:15px; padding-right:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #books li { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #books .image { float: none; margin: 0 auto; border-right: none; } #books h3{ overflow:hidden; }
Change History (2)
Note: See
TracTickets for help on using
tickets.
Thanks for the fixes, and I'll look into them, however, please post them on #461 instead, where I'm tracking the fixes for the various static pages.