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 | 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)
Note: See
TracTickets for help on using
tickets.
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 alreadycover
, and the height seems to be auto.