Community forum for knowledge and support

Updated last year

Issue with the header5 component

At a glance

Hey everybody. I have an issue with the header5 component. The background image is not visible after adding it and I’m not sure where the problem is. Haven’t changed anything else about the component, just added the picture.

https://preview.webflow.com/preview/drevaelisaschneider?utm_medium=preview_link&utm_so[…]2f7e2d869f&pageId=6488b16604f02a85b6199299&workflow=preview

M
M
3 comments

the classes that you've added to main-wrapper are affecting that header component. Its not advisable to add or modify main-wrapper unless instructed specifically to do so. But generally no modifications or classes should be added to main-wrapper.

Hey thanks for getting back to me 🙂 I do understand that this could mess with child elements, but I didn’t think that adding max-width and a background color would be a problem. I figured out, that the white background color sits on top of the background image so I set the main-wrapper z-index to 0 and it works now. I will try to remember not to touch the main-wrapper for future projects! Thank you :)

yeah those two classes specifically "shouldn't" affect a component however you have position relative and z-index changes like you mentioned, which altogether had an affect for sure

Add a reply
Sign up and join the conversation on Slack