Reply To: NavBar "More" Menu

Social icons and search are added by using a Navbar sidebar containing a text widget, with this text in it:

<aside id="search-4" class="widget widget_search">
<div class="dropdown searchform-dropdown">
<a href="http://twitter.com/tannerydrift" target="new"><img src="/WordPress/wp-content/uploads/2015/03/twitter_logo_white.png" height="20" width="20"></a>&nbsp;
<a href="http://www.facebook.com/tannerydrift" target="new"><img src="/WordPress/wp-content/uploads/2015/03/facebook_logo_white.png" width="20" height="20"></a>&nbsp;
<a data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-search" style="top:3px; left:2px;color: #fff;"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><form class="form-search" id="searchform" action="https://lye.dnsdynamic.net:8081/WordPress/" role="search">
<label for="s" class="screen-reader-text sr-only">Search for:</label><div class="input-group"><input name="s" class="search-query form-control" id="searchsubmit" type="text" value="" placeholder="Search this website" /><span class="input-group-btn"><button class="btn btn-default" id="searchsubmit" type="submit">Search</button></span></div></form>
</li>
</ul>
</div>
</aside>

You need the facebook and twitter logos locally and you’ll need to update the links (feel free to grab the icons from my site).

All the other formatting is done via custom CSS in Theme Options -> Design -> Custom CSS. This is what I have for the two footer sections:

.design-full-screen .sidebar-footer {
    background-color: #fff;
}

.design-full-screen .sidebar-footer-secondary {
    background-color: #f0f0f0;
}