oh i figured it out. here is the code:
in index.php in the template folder – I added the code between the
<!– custom –> <!– //custom –> brackets
—————————————————————————
<!– HEADER –>
<div id=”header” class=”wrap”>
<div class=”main header-main clearfix”>
<!– LOGO –>
<div id=”logo”>
<h1>
<a href=”<?php JURI::base(true) ?>” title=”<?php echo JText::_(‘JA_DESC’); ?>”><span><?php echo JText::_(‘JA_NAME’); ?></span></a>
</h1>
</div>
<!– //LOGO –>
<!– custom –>
<div id=”custom” class=”social”>
<h1>
<jdoc:include type=”modules” name=”custom” />
</h1>
</div>
<!– //custom –>
<!– MAINNAV –>
<div id=”mainnav” class=”has-toggle”>
<div class=”btn-toggle menu-toggle”>
<span>Menu</span>
</div>
<div class=”inner menu-inner clearfix”>
<jdoc:include type=”modules” name=”mainnav” />
</div>
</div>
<!– //MAINNAV –>
</div>
</div>
<!– // HEADER –>