After realizing my pages got hidden in the big sidebar, I decided to move them and the search box just below the header. A ul/li combination did the trick:

Here’s the CSS style for it. Add it in style.css.

/* Top menu: pages */
#ja-botnav {
background: #CCC;
clear: both;
margin: -2px 0;
padding: 5px 0;
text-align: right;
margin-top: 8px;
}

#ja-botnav ul {
margin: 0;
padding: 0;
}

#ja-botnav li {
margin: 0;
padding: 0 10px;
display: inline;
vertical-align: middle;
}

#ja-botnav li a {
color: #999999;
font-size: 9pt;
}

#ja-botnav li a:hover, #ja-botnav li a:active, #ja-botnav li a:focus {
color: #FFFFFF;
}

And here is the HTML to be added inside the header div:

<div id="ja-botnav">
<ul>
< ?php wp_list_pages('title_li=');?>
</ul>
</div>

If you’re too lazy to do it, download here Whiskey Air 0.9.1 with top menu. Updating Whiskey Air from 0.9 to 0.9.1 is simple. Just replace header.php, footer.php and style.css with the ones in the archive. Don’t forget to carry over any change and addition you’ve made to your Whiskey Air theme.

Do you have your blog powered by Whiskey Air? Share it here and I’ll share some link love.

One Response to How To Add A Menu To Whiskey Air Theme

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Blog WebMastered by All in One Webmaster.