Hi,
I am trying to get a second navigation menu working on my wordpress blog but I am having trouble styling it. I know nothing about CSS.
Basically I have this in my header.php
Code:
<?php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>
The menu items are displaying but they are in a long list..
I want them to look similar to this:
This is the current css for the top Nav I presume.
Code:
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
display: block;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
I tried changing them from main-navigation to new-menu but it didn't do a fucking thing.
Thanks.