#462 closed defect (bug) (duplicate)
Responsive fixes for wordpress.org/mobile
| Reported by: |
|
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.