Support » Fixing WordPress » supernav problems

  • My site is

    I grabbed Michael Heilemann’s navigation structure at and am having a bit of a problem. The navigation is showing up below my first post and not in the header as it should. I was wondering if someone could advise me about this.

    As always, I love WordPress and thank you in advance for any help.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Your supernav div needs to be inside the header div, not following it.

    Thank you for your response. I’ve had the supernav div all over in the header.php and can not get it to show up in the header. It seems to want to stay below, half way down the page.

    Any ideas?

    It is in the header.php but in the wrong place – in the <head> section, and viewing the source in FF it says clearly: <div> element not allowed in the <head>. You should move into the div with the ID “header”.

    Wow, I’m lost. I believe I’ve moved it into the div with the id “header” and still it shows up below.

    I’ve posted the whole header.php file below if that helps anyone explain this to me.

    You have position: absolute; in your #supernav
    I think it should make the list be at the bottom of the parent element (the div) but for some reason it isn’t. Hopefully someone can help you forward from that — my brain’s too mushy from studying dialogue modelling.

    Edit Ahhhh. Should #supernavcontainer have a position set?

    I wouldn’t know a position set if it hit me in the head as I’m pretty much a novice. Anybody know how to steer me the right direction with a position set?

    er… I mean should you set a position: whatever to #supernavcontainer, sorry xD Let me check a css I’ve written with a similar structure…

    OK, I checked Michael Heilemann’s site (the stylesheet). Put a position:relative; to your #header {}. No need to add something to #supernavcontainer

    And now I am wondering why the menu tabs aren’t at the very bottom of the header. There must be extra margin or padding somewhere

    hrm… Minna, thanks for your help. “:relative;” moved the header up but not where it ought to be at the bottom of the header. Any ideas there? Thanks again BTW.

    OK, here’s what works (at least seems to):
    #supernav {
    font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
    position: absolute;
    bottom: 0;
    margin: 0 0 7px 50px;
    padding: 0;
    text-align: left;
    display: block;

    and at the top of the stylesheet
    #header {
    background-color: #73a0c5;

    I changed the 24px bottom margin that was making that huge gap

    You are my hero. I suppose now, I need to change the background color to get the nav bar to show up.

    for example by adding
    background: white;
    border-color: white;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;

    to #supernav a

    holy crap. i’ll follow you wherever you lead. 🙂
    Many many thanks!

    🙂 No prob, I take CSS tweaking over exam cramming any time

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘supernav problems’ is closed to new replies.