How did I do it?

I left layout mode and edited the HTML, where I found the .css element for the “header-wrapper” and “header” sections. I cloned them and renamed them – “billboard-frame” and “funkydj” respectively.

#billboard-frame {
    width:730px;
    margin:0 auto 1px;
}
#funkydj {
    margin: 0px;
    text-align: center;
}

Now scroll way down into the body of the HTML and find the “header-wrapper” tag. Below that div, you add a new section:


<div id="billboard-frame">
    <b:section class='funkydj' id='funkydj' maxwidgets='1' showaddelement='yes'>
    </b:section>
</div>

You can save, then go back to layout mode and add an HTML element into the new section you’ve created below the header. Voila!

Bookmark It