Make the last little bit of my menu/navbar transparent

[kaylapawsnstone]

I’m working to make my homepage menu totally transparent so that the background photo isn’t broken up. I’ve managed to get my menu transparent thanks to a past post, but there’s a terrible huge white stripe stuck below.
I’m at kaylafratt.com, here’s a photo for reference.

[lely]

Hi There,

I am seeing just the border line and not a white huge space. See this: https://screencast-o-matic.com/watch/cblVhv2aAg
To remove the border line try adding this custom CSS:

.x-navbar {
    border-bottom: 0;
}

Note that I have checked it using Chrome, Edge and Firefox and it’s all the same with just border and no large gap.

Hope this helps.