Custom border at bottom of header

Hi there,

I’m experimenting with a few things on a new Enfold installation – looking to borrow visual cues I’ve seen on other sites that are not made with Enfold. Will likely be making several threads to uncover the limits of this theme. Great theme, by the way!

My current header is Logo Left, Menu Right, non-sticky. I’m wondering if there’s a simple, CSS way to integrate an image border along the bottom of the header. Here is a picture of the desired effect:

Desired result

I’ve created a color section just beneath the header, then set my “edge” image as a background that begins in the top left. Unfortunately, this still leaves a small gap between the “edge image” border and the bottom of the header. Here is what it looks like now:

Current result

Is it possible to make this look seamless? If not, I will consult with a freelance developer for more information. :)

Thank you!

– Joe