NavBar "More" Menu

Benlye – How do you change the background color of the footer section and other sections on the homepage?

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;
}

Version 1.1.0 of Enlightenment Theme has been released. Until the theme is synchronized with the WordPress Theme Directory you can download it here. This update introduces some new features that you can read about in readme.txt or you can preview them in the live demo.

As per your request, stacking the navigation menu items under a “More” dropdown has been discontinued and the navigation menu now drops in a second row if the menu items don’t fit in a single row. Please see how the new method performs in the live demo. Clear your browser’s cache if the page does not look correctly and resize your browser window to see how it behaves under different screen sizes. Please let me know your feedback on the new functionality.