@Maxine Hargrove 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