Eleven40 iPad portrait view

[tornado]

Hi.

In iPad portrait view, the text associated with each featured image is pushed to the right of the image and displays in one long column, which looks ugly and creates lots of white space. I want the text to flow nicely underneath the featured images.

Any ideas?

G

http://sheffieldkids.co.uk/

[Anita]

What are the dimensions of your iPad (both portrait and landscape)?

---

Love coffee, chocolate and my Bella!

[tornado]

Hi anitac.

To be honest, I have no idea.

My style.css code referencing the Responsive code is:

/* Responsive Design
------------------------------------------------------------ */
@media only screen and (max-width: 1200px) {
	.wrap {
		max-width: 960px;
	}
	.content-sidebar-wrap {
		width: 770px;
	}
	.content {
		width: 400px;
	}
	.content-sidebar .content,
	.sidebar-content .content {
		width: 630px;
	}
	.content-sidebar-sidebar .content,
	.sidebar-sidebar-content .content {
		width: 440px;
	}
	
	.full-width-content .content {
		width: 100%;
	}
	
	.genesis-grid-even,
	.genesis-grid-odd {
		float: left;
		margin: 0 0 30px;
		padding: 0;
		width: 100%;
	}
	
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}
	
	.footer-widgets-1 {
		width: 290px;
	}
	.footer-widgets-2 {
		width: 300px;
	}
	.footer-widgets-3 {
		width: 290px;
	}
}
@media only screen and (max-width: 800px) {
	body {
		width: 100%;
		margin: 0 auto;
	}

I notice this issue doesn't happen on the Eleven40 Pro theme, but I know that's a different kettle of fish.

G

[Author]

Posts