Community forum for knowledge and support

Updated 3 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

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

M
B
3 comments

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

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

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

Add a reply
Sign up and join the conversation on Slack