Featured img issues HOME with Chrome

Please show us your website

https://www.davidmocq.com

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?

The home page is a concern, only the home. Image second, third page on the homepage. Look at the homepage to understand please (Chrome)

• This reply was modified 6 years, 9 months ago by phoenix13.

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

I see the same problem on demo with Chrome.We see gray instead of images.

• This reply was modified 6 years, 9 months ago by phoenix13.

Can you show a screenshot of the issue?

https://www.davidmocq.com/wp-content/uploads/a.png

https://www.davidmocq.com/wp-content/uploads/b.png

https://www.davidmocq.com/wp-content/uploads/c.png

• This reply was modified 6 years, 9 months ago by phoenix13.

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

Version 67.0.3396.79 on desktop

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 6 years, 9 months ago by sp123.

@sp123

Great ! It’s works ??

Thanks sp13. BIG Thanks.

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 6 years, 9 months ago by Brad Brown.

Thank you for this fix
.background-fixed .panel-image { transform: translateY(0%); }

I had a similar problem featured images would show on smaller devices but when I went to full screen with video header running featured images would not show.

this was on latest chrome update.

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

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