Boredom! Wordpress Theme Menu Bar
Some time ago I setup http://majik.id.au for my wonderful girlfriend. I hunted around for a very green theme to fit with her frog obsession. The theme I found and choose was ‘Boredom!‘ by gnu-.
But the theme was missing something, a top menu bar. A horizontal menu was working well on here so I decided to make changes to ‘Boredom!’ to add this in. Since then I’ve had a few emails asking how to do it, so I thought I’d post some instructions here for all to see. :)
Make the changes listed below using a text editor, eg. Notepad. All files mentioned will be in the \wp-content\themes\boredom\ directory.
####–[ OPEN ]–####
style.css
####–[ FIND ]–####
#header {
margin: 0;
padding: 0;
height: 314px;
}
####–[ REPLACE ]–#####
header {
margin: 0;
padding: 0;
height: 314px;
position: relative;
}
#navmenu ul {
padding: 0;
position: absolute;
margin-bottom: 0px;
margin-left: 52px;
margin-top: 250px;
white-space: nowrap;
}
#navmenu ul li {
display: inline;
float : left;
}
#navmenu ul li a {
background-color: #9ED063;
color: #FFFFFF;
font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 1.7em;
text-decoration: none;
padding-left : 1em;
padding-right : 1em;
border-right-color : #FFFFFF;
border-right-style : solid;
border-right-width : 1px;
}
#navmenu ul li a:hover{
background-color : #2C7EA9;
color : #ffffff;
}
####–[ OPEN ]–####
header.php
####–[ FIND ]–####
####–[ ADD, AFTER ]–####