Foobar covers sticky header on Divi

I am trying to add the “Foobar” to my Divi site which uses a sticky header in the Divi Theme Builder. The foobar works great at the top of the site, but when I scroll down if the foobar is open is seems to scroll over top of the header until the header hits the top of the window then both items scroll down. You can see what I mean in the two screenshots below.

This is how it looks normally and I’d prefer the foobar didn’t scroll down the page at all and just stayed at the top: https://i.imgur.com/BzdzM5g.png

This is what happens when I scroll down a bit: https://i.imgur.com/B1coX9W.jpeg