WordPress.org

Make WordPress Core

Opened 2 months ago

#52797 new defect (bug)

Twenty Seventeen: Home Page Panel Images Zoomed in on iPad

Reported by: domainsupport Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

Hey guys,

So to replicate this issue you'll need an iPad.

The bug is that for screens wider than 48em the background attachment (featured image) is fixed. For iOS devices running Safari, this is blocked which is fine on iPhones, etc because Twenty Seventeen doesn't fix the background attachment on smaller devices. But on iPads this results in the featured image being weird and massively zoomed in.

Here's the CSS fix ...

@supports (-webkit-touch-callout: none) {
	@media screen and (min-width: 48em) {
		.background-fixed .panel-image {
			background-size: cover;
			height: auto;
			background-attachment: scroll;
		}
	}
}

... which targets iOS devices that are larger than 48em wide and enables the default behaviour for smaller screens less than 48em.

Oliver

Change History (0)

Note: See TracTickets for help on using tickets.