Mystery space before header

[lesliekirk]

I cannot for the life of me figure out what is causing an approximately 20-pixel blank space before the <header>. Well, I sort of can...it looks like it's "#text 0 20 Flex item" if I mouseover the empty space while using Google Inspector. But what the heck?

[Matt Zimmermann]

Hi Leslie,

Looks like you might have something wonky in your HEAD tag as I see styles bleeding into the BODY tag.

[lesliekirk]

Hi Leslie,

Looks like you might have something wonky in your HEAD tag as I see styles bleeding into the BODY tag.

I discovered two instances of the Font Awesome CSS. Deleted one and it's better now.

[lesliekirk]

I have another issue I don't understand. If I use rel="stylesheet" - the gap appears at the top and the back to top icon appears in the lower right corner as needed

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" media="all" rel="stylesheet">

If I remove the rel="stylesheet" - the gap disappears but the back to top icon is missing

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" media="all">

FYI - I have tried placing the rel="stylesheet" before the href and it makes no difference.

[Matt Zimmermann]

Hi Leslie,

I would look into the loading order and see if there is still something amiss with the elements in the HEAD tag as I still see them bleeding into the BODY. You might try adding Font Awesome to the CSS Resource Group as well and see if that helps.

[Bruce - PhosphorMedia]

Try using an HTML validator to see if there is a missing " or end tag somewhere.