Navigation menu is the very first things that people look at a blog, so having a good menu is very important. In this post, I’m going to share a short tutorial on how to add additional navigation menu in Thesis Theme.
This tutorial is only for Thesis Theme users.
Technshare blog, is a good example of what a navigation menu should look like.
Add the following code in custom.css file
.custom ul#navi_menu {border-style: 2px solid #111;background:#E4E4E4 none repeat scroll 0 0;width: 100%;float: left;}
.custom ul#navi_menu li { float:left; padding: 3px 5px 3px 5px; border:1px solid #111;}
.custom ul#navi_menu li a { font-size: 1.3em; line-height:2em; color: #000000;background:#12cfff; }
.custom ul#navi_menu li a:hover { text-decoration:underline; }Next, add the following code in custom_functions.php file
function navi_menu2() {
?>
<ul id="navi_menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
<?php
}
add_action('thesis_hook_before_header', 'navi_menu2');If you want to add the navigation menu above header than use ‘thesis_hook_before_header’ hook.
