Header Element has space above navigation

On website https://brucel89.sg-host.com/ I have 2 header element.

One header element is for the front page and another for all other pages.
The elements are exactly the same except that one for the Home (front) page has all text in it and the other uses text and the post title Template Tag for one line of text
I am merging the navigation.

My problem is that I see a colored line above the navigation when the page is displayed.
It seems to be space above the navigation because when I change the background color in each header element, that is the color of the “space” that I see.
For the home page it is red.
For the other pages, it is blue.
These correspond to the background color I set in each header element.

Any ideas about how to fix it?

Thanks