Make WordPress Core

Opened 4 years ago

Closed 3 years ago

#52797 closed defect (bug) (duplicate)

Twenty Seventeen: Home Page Panel Images Zoomed in on iPad

Reported by: domainsupport's profile domainsupport Owned by:
Milestone: 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 (1)

#1 @sabernhardt
3 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed

Thanks for the report!

This bug is already tracked on #48195, if you would like to follow and/or comment there.

The background-size is already cover, and the height seems to be auto.

Note: See TracTickets for help on using tickets.