Support » Themes and Templates » Dropdown CSS Issues

  • N0ts0Smart


    Hi folks,

    A client asked me to get his site up to par so that he doesn’t need 1,000 widgets to make it operational. I’ve been working on the following site here on my test server:

    I have managed to get the sidebars widgetized and the menu working, but I am having a problem with the menu dropdowns. Not sure if I missed something in the functions.php file but I don’t think I did. From what I remember you could make dropdowns straight from CSS.

    Currently Sample Page 1 should have a dropdown underneath called Submenu 1. There is also a Contact Us page but it doesn’t appear when a dropdown is added from the Appearance > Menus panel. Right now it should appear to the right of Sample Page 1.

    I want to make the dropdowns work with CSS but can’t seem to figure it out. Currently we have the following CSS, but no dice on the dropdowns working: ul {
        list-style-type: none;
        margin:10px 0 0 0;
    } ul li {
        display: inline;
        background: url(images/pipe_nav.png) 0 0 no-repeat;
        margin: 0;
        height: 20px;
    } ul li.first-item {
        background: none;
    } ul li a {
        padding: 12px 15px 9px 20px;
        font-size: 85%;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
    } ul li#current a {
        background-color: #000;
    } ul li a:hover {
       text-decoration: underline;
    } ul li#current a:hover {
       text-decoration: none;
Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael


    Forum Moderator

    the menu elements are showing in the html in the browser, hidden behind the #main div.

    either check the web for css menu dropdown examples, or even the stylesheets of the WordPress default themes Twenty Ten, Twenty Eleven, or Twenty Twelve.

    helping with pure formatting is not the focus of this forum; you might better ask at a css forum like



    Thanks, Alchymyth! I’ll check that site out and see if anyone can give me a hand.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dropdown CSS Issues’ is closed to new replies.