Left and right margin on iPad

[NiO]

Hi Swiftideas,

With the iPad in portrait orientation the page content is the same width as the page header. When turning the iPad to landscape orientation, extra margin gets added at the sides of the page content.

I assume that is not by design?

Thanks, Johan

[David Martin – Support]

Hey Johan,

Can I ask:

1. What iPad are you using?

2. Do you have a link to a specific page URL?

Thanks

David.

[NiO]

Hi David,

Re 1) It’s an iPad air, model MD790GP/A

Re 2) http://nio.photography shows it with the portfolio multi-masonry and http://nio.photography/about-buying-prints-licences/ shows it with text

Thanks,

Johan

 

[David Martin – Support]

Hey Johan,

From my testing, it looks like the below media query is altering that view.

Can you add this to your Custom CSS option located in the theme options panel? – If not please add a WP login credential for us to take a look.

 

@media only screen and (max-width: 1024px) {
	.mhs-tablet-land #mobile-header {
		max-width: 970px;
		margin: 0 auto;
		border-bottom: none;
	}
	
	#main-container {
		border-top: solid 2px #e4e4e4;
	}
}

Thanks.

[NiO]

Hi David,

Just included the code.

In landscape orientation header and content line up, with a bit of room to spare 🙂

In portrait orientation, the header still seems wider than the content. Would be nice to fix that as well!

Is this code temporary … I mean will it be included in a next update?

Thanks,

Johan

[David Martin – Support]

Hey Johan,

I think a small change to 980px should improve the line up.

If you still get issues getting a pixel perfect line up, could you screenshot it and attach the file here?

Thanks
David.

[NiO]

Thanks David! Will finish things first and if any issues remain I will let you know 🙂

[Kyle – SUPPORT]

Ok no problem. Thanks David