How To Add A Menu To Whiskey Air Theme

Programming, Resources, Themes, WordPress — August 21, 2009 at 11:14

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.

See here the Whiskey Air theme in action:

• Butterfly Media Romania Blog
• Butterfly Media Romania Corporate Site
• Culinary Recipes [RO]

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

Tags: menu, theme, whiskey air