Image Overlaying Site Title/Logo in Education Pro

That should be a relatively easy CSS change. Since your .title-area is set to have an absolute position, you need to make sure that it will have a higher z-index than whatever it overlaps. I added z-index: 1; to your .title-area rule (line 1121 in your style.css) in Chrome’s Dev Tools and that seemed to be enough to fix it. You could pick a higher number if you wanted, just to make sure it overlays anything else you might place in its vicinity.

You can add this directly to your style.css file, or use the Additional CSS module in the Customizer. If you edit the file directly, please make sure your files/site are backed up, and practice safe coding. Hope this helps–

Thank you for your speedy reply. What should I actually plug into the customizer?

I just tried this, and it didn’t work:

.title-area
z-index: 1;

Sorry- I should have prefaced with “I know enough to be dangerous”

If you are adding a CSS rule, make sure it’s properly formatted–the selector goes on one line, and the rules for it are wrapped in curly braces. So what you need, and which should work, is:

.title-area {
    z-index: 1;
}

Hope that helps!

That did the trick! Thank you!!