CSS for a custom menu

  • terrorbyrd

    (@terrorbyrd)


    11 years, 8 months ago

    I’ve created a custom menu using the following PHP code <?php wp_nav_menu( array( 'theme_location' => 'test-menu', 'container_class' => 'my_extra_menu_class' ) ); ?> for a friends site i’m helping out on, you can see it :
    here
    For some some reason I’ve had no luck trying to style it with CSS, the custom menu is the #1 (in the image link below) and I’m trying to make it look like #2 (in the image link below) and move it under the logo.
    http://postimg.org/image/g7uslu5xv/

    Maybe someone with Firebug or Web Developer plugin can figure out what I’m doing wrong?

    Any help would be greatly appreciated, as it’s driving me nuts!

Viewing 1 replies (of 1 total)
  • salsaturation

    (@salsaturation)

    11 years, 8 months ago

    try something like this

    div.my_extra_menu_class ul#menu-test.menu li {
display: inline;
}

div.my_extra_menu_class ul#menu-test.menu li a {
display: inline-block;
padding: 0 10px;
}
Viewing 1 replies (of 1 total)

The topic ‘CSS for a custom menu’ is closed to new replies.