Community forum for knowledge and support

Updated 4 months ago

Header 30 image overlay not showing in preview or published site

At a glance

A community member is having an issue with a "header 30" component, where the image overlay is not showing on preview or published versions. The community members have already checked the z-index, opacity, and display settings, and there are no animations or interactions on the header. Another community member suggests trying to paste the component in again somewhere on the site to see if that resolves the issue. The issue was eventually resolved by deleting another hidden header.

Useful resources

MMatías Otero Hameau

Hey Support Team! I’m having an issue with a single component “header 30”. Image Overlay is not showing on Preview /Published 😕 Any suggestion? Thanks!

https://preview.webflow.com/preview/rs-rental?utm_medium=preview_link&utm_source=desig[…]l&preview=30bef6168eb3190a234c6d3003b7d2ac&workflow=preview

3 comments

MMatías Otero Hameau

Already checked:

That Image-over-layer z index value is higher than image
Opacity is well
Display option it’s on block or flex
There is no animation/interaction on the header at all

BBlair

Looks like it should work correctly.

What is the additional class doing? Does it work without it?
Also try pasting that component in again somewhere on your site and see if that works, then compare

MMatías Otero Hameau

I’ve just deleted another header that I had hidden and it worked. 😄

Add a reply