moving navigation from bottom to top

Viewing 4 posts - 1 through 4 (of 4 total)
  • #3838
    nzoffel
    Participant

    Hi, want to start and say thanks to Daniel for a great theme and the community for their help thus far. I’ve been playing with the code without much luck and was wondering if anyone had been successful in shifting the navigation from the bottom of the theme to the top just below the header.
    Thoughts?

    #3847
    horseandjune
    Participant

    This is an issue for me too. I’m in love with the theme but I’ve had so many comments from visitors about moving my navigation to the top. It’s very frustrating. Please help!
    http://horseandjune.com

    #3857
    yanivno
    Participant

    hi, i was thinking the same thing. i managed to copy the menu to the top
    i took this code from the footer page (i cant paste the code here)
    it starts with tag nav id=”access” role=”navigation”
    and ends with /nav tag.

    i placed it in the bottom of the header page.
    i also made a duplicate of the css part (i called it nav1 insted of nav)
    .nav1 {
    width:940px;
    height:24px;
    margin:0 auto;
    margin-bottom:10px;
    font-size:24px;
    line-height:24px;
    }

    .nav1 ul {
    position: relative;
    z-index:597;
    float:left;
    top:auto !important;
    bottom:100%;
    list-style:none;
    margin:20px 0;
    }

    .nav1 ul li {
    float:left;
    height:34px;
    margin:0;
    margin-right:36px;
    vertical-align:middle;
    }

    .nav1 ul li.hover,
    .nav1 ul li:hover {
    position:relative;
    z-index:599;
    cursor:default;
    }

    .nav1 ul ul {
    visibility:hidden;
    position:absolute;
    top:100%;
    left:-10px;
    z-index:598;
    min-width:150px;
    margin-bottom:5px;
    background:#FFF;
    border-top:#CCC 1px dotted;
    font-size:18px;
    }

    .nav1 ul ul li {
    float:none;
    min-height:34px;
    height:auto !important;
    margin:0;
    padding:0 10px;
    border-bottom:#CCC 1px dotted;
    }

    .nav1 ul ul ul {
    bottom:-10px;
    left:99%;
    }

    .nav1 ul ul ul {
    }

    .nav1 ul li:hover > ul {
    visibility:visible;
    }

    .nav1 ul li a {
    display:inline-block;
    padding:5px 0;
    color:#252525;
    text-decoration:none;
    }

    for some reason the mouse hover effect doesn’t work and i have no idea why….
    hope this helps

    • This reply was modified 12 years ago by yanivno.
    • This reply was modified 12 years ago by yanivno. Reason: code didnt show up
    #3862
    nzoffel
    Participant

    or being able to have “horizontal set of page links” in the footer widget area (not the footer) with the font, size, and cool rollover effect. Trying to get the page to look nice with the mail chimp widget.

    Thoughts? http://wwrx.org

    • This reply was modified 12 years ago by nzoffel.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.