@tmac2 The issue is a special class added to the body tag of each site page. This is almost certainly something added by the author of the theme. I can't really tell what the purpose of this item is but the class is "edit-nav-text-on" which imposes a 600 pixel margin from the top of the page (in other words, it pushes all the page content down by 600 pixels hence the giant block of empty space you see before your banner begins):
body.edit-nav-text-on {
margin-top: 600px;
}
body.edit-nav-text-off {
margin-top: 0px;
}This item probably has some purpose but, honestly, I have no idea what that might be. There are two immediate ways to handle this:
- Remove the "edit-nav-text-on" class from the body tag in each page header. In the Site Editor, click the Edit HTML/CSS button to get to the Code Editor and check each of your "Header Types." You'll see the html for each page type in the code pane to the left of each header type (e.g., header.html, no-header.html). Check the body tag to see if it contains the "edit-nav-text-on" class and remove it and click the "Save" button in the upper-right corner of the page to return to the Site Editor and re-publish your site. If you don't find this special class in the body tag, it means that it is added dynamically in code. If so, go to step 2.
- In the Site Editor, click the Edit HTML/CSS button to get to the Code Editor. By default, you should land in the site's css file. Click the magnifying glass button at the top of the code pane and enter the search term "edit-nav-text-on" (without the double-quotes). This should take you to the code you see in the code box above. Change the "margin-top" attribute from "600px" to "0" and click the "Save" button in the upper-right corner of the page to return to the Site Editor and re-publish your site.
