Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

No drop-down menus from WP nav bar

  1. 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.

  2. 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...

  3. 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

  4. thesacredpath
    Staff

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

  5. 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.

  6. panaghiotisadam
    Member

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

  7. 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/

  8. panaghiotisadam
    Member

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

  9. panaghiotisadam
    Member

    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.

  10. 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.

  11. 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.

  12. 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.

  13. devblog
    Member

    Also, remove this:

    window.google_analytics_uacct = UA-52447-2;

    it's right above the "#title" selector.

  14. 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.

  15. 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?

  16. devblog
    Member

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

  17. windwhistle
    Member

    Success! Thanks a bunch, devblog! :)

  18. devblog
    Member

    think nothing of it.

  19. panaghiotisadam
    Member

    @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.

  20. 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.

  21. panaghiotisadam
    Member

    @windwhistle: Yes, thank you. You and phoxis were right all along: I wasn't gettting the custom menu to show up when I wrote the posts above, because I was making a mistake while changing themes.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags