No drop-down menus from WP nav bar

  • Author
    Posts
  • #484512

    windwhistle
    Member

    Just bought the CSS upgrade and made just one small change to my Enterprise theme — changed the link color. Now the drop-down menus from my WP nav bar are gone. Or, more correctly, they seem to work normally everywhere except on my site, where the menus won’t drop. Sounds like I messed up something with the CSS. Or does the nav bar even relate to the CSS on my site? Anyone know what’s going on? I pasted the following in at the bottom of the existing code:

    a,a:visited {
    color:#668B8B;
    text-decoration:none;
    }
    
    a:hover {
    color:#668B8B;
    text-decoration:underline;
    }
    
    a img {
    border:none;
    }
    
    a:focus,a:hover,a:active {
    outline:none;
    }

    The blog I need help with is piedtype.com.

    #484645

    devblog
    Member

    What browser are you using? I’m using Firefox and they drop down just fine.

    By the way, you have this code in your CSS:

    window.google_analytics_uacct = UA-52447-2;

    That’s javascript and shouldn’t be there becasue:

    a) javascript and CSS are two different things
    b) that just won’t do anything to have it there.

    I’m quite surprised that the wp software didn’t strip it out…

    #484646

    phoxis
    Member

    Hey, the new feature is here: http://en.blog.wordpress.com/2010/05/29/new-custom-menus-feature-and-a-few-others/#comment-93032

    now you can add a drip down without need of the CSS edits

    #484648

    Not on all themes, just on a few right now. More to come as they have time to edit the themes.

    #484650

    phoxis
    Member

    @thesacredpath : Yes, right. But fortunately the theme @windwhistle is using in the blog http://piedtype.com/ (if this is the blog in question) is Enterprise , and it currently supports it.

    #484651

    No, at the moment Enterprise doesn’t support it.

    #484657

    phoxis
    Member

    Uh! the wordpress.com blog post says

    Right now, these themes have the custom menu feature built in: Twenty Ten, Structure, Vostok, Bueno, Enterprise, and Notepad.

    http://en.blog.wordpress.com/2010/05/29/new-custom-menus-feature-and-a-few-others/

    #484658

    I know. WP blog says so, but my test blog says otherwise (only Twenty Ten, Structure, Bueno, and Notepad)!

    #484659

    And anyway this new feature allows you to mix tabs for static pages, categories and extra links at will, not add dropdowns if the theme doesn’t already support them.

    #484660

    windwhistle
    Member

    @devblog — I use Firefox. It’s only on my blog’s front page that the nav bar (the gray administrator’s bar at the very top) menus won’t open. I checked it on IE and the same thing happens.

    I have no idea what the google analytics code is, except that I once tried to add it to my blog and failed.

    @phoxis — Yep, Enterprise uses the new menus you’re talking about. My problem is with the administrator’s nav bar, not the new menus.

    @panos — I’ve been using the new menus on my Enterprise since last night.

    #484661

    devblog
    Member

    Oh, the admin bar…

    Well, it doesn’t work because you added this too:

    #wpcombar {
    background:#666 url('http://s1.wordpress.com/i/admin-bar.png') 0 0 repeat-x;
    color:#ddd;
    font:12px "Helvetica Neue", Arial, Helvetica, sans-serif;
    height:28px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    margin:0;
    }
    
    #wpcombar .menupop ul li a {
    color:#555!important;
    text-shadow:none;
    font-weight:normal;
    white-space:nowrap;
    }
    
    #wpcombar .menupop ul li a:hover {
    color:#fff!important;
    background:#888 url('http://s1.wordpress.com/i/admin-bar.png') 0 0 repeat-x!important;
    text-shadow:#666 0 -1px 0;
    }
    
    #wpcombar .menupop a span {
    background:url('http://s1.wordpress.com/i/admin-bar.png') right -175px no-repeat;
    padding-right:1em;
    line-height:28px;
    }
    
    #wpcombar .menupop ul {
    background:#fff;
    left:-999em;
    position:absolute;
    border:1px solid #dfdfdf;
    border-top:none!important;
    float:none;
    }
    
    html>body #wpcombar .menupop ul {
    background:rgba(255,255,255,0.97);
    border-color:rgba(0,0,0,0.1);
    }
    
    #wpcombar .menupop.myaccount ul,#wpcombar .menupop.mydashboards ul,#wpcombar .menupop.newpost ul {
    min-width:140px;
    }
    
    #wpcombar .menupop li {
    float:none;
    background-image:none;
    margin:0;
    padding:0;
    }
    
    #wpcombar .quicklinks a,.blogmeta {
    border:none;
    color:#ddd!important;
    text-shadow:#555 0 -1px 0;
    display:block;
    font:13px "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight:normal;
    letter-spacing:normal;
    line-height:28px;
    text-decoration:none!important;
    padding:0 .75em;
    }
    
    #wpcombar .quicklinks a:hover,.blogmeta:hover {
    text-shadow:#333 0 -1px 0;
    }
    
    #wpcombar .myaccount a {
    background:url('http://s1.wordpress.com/i/admin-bar.png') 0 -118px no-repeat;
    margin-left:0!important;
    padding-left:12px!important;
    }
    
    #wpcombar .myaccount ul li a {
    padding-left:.75em;
    margin-left:0;
    background-image:none;
    }
    
    .quicklinks a:hover,#wpcombar .menupop:hover {
    background:#555 url('http://s1.wordpress.com/i/admin-bar.png') 0 -61px repeat-x;
    }
    
    .wp-admin #wpcombar .myaccount a {
    background-image:none;
    margin-left:0;
    padding-left:12px;
    }
    
    #wpcombar .nextblog {
    font-size:1.6em;
    }
    
    #wpcombar #admin-bar-rightlinks .menupop ul {
    margin-left:-40px;
    }
    
    #wpcombar,#wpcombar .menupop a span,#wpcombar .menupop ul li a:hover,#wpcombar .myaccount a,.quicklinks a:hover,#wpcombar .menupop:hover {
    background-image:none!important;
    }

    Not sure what you were trying to do but, remove all those selectors and things should be back to normal.

    #484662

    windwhistle
    Member

    @devblog — correction. The nav bar isn’t working on any of my pages. I don’t know, it may just be a buggy theme.

    #484663

    devblog
    Member

    Also, remove this:

    window.google_analytics_uacct = UA-52447-2;

    it’s right above the “#title” selector.

    #484664

    windwhistle
    Member

    @ devblog — ewww. I saw that stuff but didn’t know enough to take it all out. Thanks for helping the greenhorn. I’ll take another shot at it.

    #484665

    devblog
    Member

    Don’t get me wrong but please, if you’re referring to the admin bar, call it admin bar, just “nav” bar is confusing because we think you’re referring to the navigational bar of your blog; hence, the other volunteers’ replies.

    Having said that, are you having problems with your blog nav bar, or did you mean the admin bar?

    #484666

    devblog
    Member

    Ok, no problem. I see you still meant the admin bar.

    #484668

    windwhistle
    Member

    Success! Thanks a bunch, devblog! :)

    #484670

    devblog
    Member

    think nothing of it.

    #484680

    @windwhistle:

    “I’ve been using the new menus on my Enterprise since last night.”

    Thanks, but I’m seeing the regular Enterprise nav in your blog (pages in the upper row, categories in the lower one) – no sign of a custom menu.

    #484916

    windwhistle
    Member

    @panos — Those categories in the lower bar are not the default ones. They, their names, and the menus that drop down from them are my doing, via the new menus feature.

The topic ‘No drop-down menus from WP nav bar’ is closed to new replies.