WordPress.org

Making WordPress.org

Opened 4 years ago

Closed 4 years ago

Last modified 4 years ago

#462 closed defect (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)

#1 @Otto42
4 years ago

  • Resolution set to duplicate
  • Status changed from new to closed

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.

#2 @nphaskins
4 years ago

baah my apologies. will do!

Note: See TracTickets for help on using tickets.