This post give an idea to increase the margin ( gap ) above header. There are two header elements Header1 and Header2 because the header is broken into two column in this case . But there may be only one header element in other cases. The steps are. Go to Template>Html>ctrl+Find (Header1). Copy this widget foe its exact name. Now go to Template>Advance>CSS. Add this CSS #Header1 { margin-top:40px; } Now margin can be edited from 40px to any value like 20px etc. See it can also be added in Edit Html code above </head> section. See the effect on the page of wwww.essssay.com