Featured img issues HOME with Chrome

Please show us your website

When I look at an example page like Consultation, I see both the header image and featured image in Chrome: https://www.davidmocq.com/consultation/

Is that an issue for you? If so, which iOS and chrome version are you using?

I’m not sure what the issue is on the Homepage, it seems to work as per the theme demo https://2017.wordpress.net/

Can you show a screenshot of the issue?

I can’t replicate this. Which iOS and chrome version are you using?

We had a similar (the same?) issue with our site. The problem seems to be the latest Chrome release, Chrome 67. This solution works for us (add to your CSS):

.background-fixed .panel-image { transform: translateY(0%); }

HTH

Edit: the images seem to disappear only at certain viewport widths (but not at the defined media query breakpoints).

• This reply was modified 8 years ago by sp123.

I ran into the same issue. In my case, I was updating a child theme when this issue appeared. I then realized it happened on twenty-seventeen theme itself, including the theme demo page–but not on my original child theme before I started updating it.

Through trial and error, I found the change I made to my child theme’s CSS that “unfixed” this behavior. It turns out, setting z-index on the .site-content-contain div fixes it. Don’t ask me why.

.site-content-contain {
z-index:5;
}

This makes absolutely no sense, and shouldn’t do anything related to the fixed images. But it works for me. (It also works on the 2017 demo if I add the style through developer tools.)

As it only happens on Chrome, it seems to be a Chrome bug. I’m on Win 10, Chrome 67.

• This reply was modified 8 years ago by Brad Brown.

.background-fixed .panel-image { transform: translateY(0%); }

perfect – thank you, fixed – the problem was twisting my melon.