<div class='menu-main-navigation-container'>Replace '#' with menu item links, add the categories and sub-categories, save the changes. For the featured content slider, there are two parts of the code which needs to be modified, look for this code for the first slide -
<ul class='s-menu' id='menu-main-navigation'>
<li><a href='#'>Home</a>
<ul class='sub-menu'>
<li><a href='#'>Home page layout 2</a></li>
</ul>
</li>
<li><a href='#'>Sliders</a>
<ul class='sub-menu'>
<li><a href='#'>Image Slider 1</a></li>
<li><a href='#'>Image Slider 2</a></li>
<li><a href='#'>Video Slider 3</a></li>
<li><a href='#'>Accordion Slider</a></li>
</ul>
</li>
<div class='lof1_featured'/>Replace '#' with featured post url, add the image url, keep the size 960px × 290px, add the post title followed by a short post summary. Repeat the same step for the remaining 4 slides. Now look for this code in Edit Html -
<ul class='lof1-main-wapper'>
<li><a href='#'><img src='https://lh3.googleusercontent.com/-F5Bd9WJ9AG0/UDrbcE-Yv4I/AAAAAAAADTg/vZgFhMfHwn4/s960/1.jpg'/></a>
<div class='lof1-main-item-desc'>
<div class='lof1-main-item-title'>
<h2><a href='#'>Professional Business & Portfolio Theme</a></h2></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</li>
<div class='lof1-navigator-outer'>This is where you have to add the thumbnail version for each slide, the image size should be 158px × 102px, add the image url for all the slides and save the changes.
<ul class='lof1-navigator'>
<li><img src='https://lh3.googleusercontent.com/-nzYyX02VjM4/UDrY3MagHdI/AAAAAAAADSs/gIElsx8-6gM/s158/1.jpg'/></li>
The main column shows the post summary with an image and date, which you have to configure in Settings--Language and Formatting, change the Timestamp Format, language and date header format, this has to be done to avoid the undefined error on the home page.
For the page navigation widget to function properly, search for this code -
<script type='text/javascript'>//<
Nice templates
thanks
Tin