I wouldn’t call this solution a permanent one, I suppose someday the theme will be updated and the function be overwritten, causing the problem to happen again.
I have found the reason why ánd a solution that’s permanent, it’s a bit of a hack and fooling the visitors but it works fine and there is no need for changing core-files.
The reason is that line 169 of the function is displayed within <header></header>
and not within <div id="header"></div>
, therefore there is no other containing element, even not a span and it is not stylible other than styling <header>
itself.
Well: the one we have to get rid of is the first one, it’s sitting between the two headers at the left side of the page, it is displayed within <div id="body-core"></div>
So if we give it the same color as the background of #body-core then it must be invisible, but that’s not all: the line it uses is still there, we don’t see the first text but it actually is there and uses one line, that’s a shame, we can use that space in a better way, so i gave the second header (which is #intro) a negative margin-top of 24px.
This can all be done now by adding some rules in your child-theme’s style-sheet:
header {
color: #f0f0f0;
}
#intro {
margin-top: -24px;
}
Being f0f0f0 also the background-color of #body-core:
div#body-core {
background-color: #f0f0f0;
}
Now it is solved for me as well :-}