Please help with Nav Bar

  • Author
    Posts
  • #315605

    devblog
    Member

    No problem, reason79.

    Now, to make Home the first tab, in your Dashboard, go to Pages -> Edit; on the right sidebar, at the bottom there’s a section that reads “Order”, I think by default is set to 0 (zero). If it is indeed set to zero, then just leave it like that; go to your other pages and enter “1”, “2”, etc… just in the order you want them to appear.

    Also, you may want to consider making the HOME tab linkable to your blog’s homepage (http://truthnlogic.wordpress.com/). I think it is done by entering this code in the Title of the page:

    <a href="http://truthnlogic.wordpress.com/">Home</a>

    However, that doesn’t work for me… I sure am doing something wrong… I tried finding the thread where they explain how to do it but couldn’t find it.

    #315606

    devblog
    Member
    #315607

    vivianpaige
    Member

    devblog – what you are doing wrong is not putting a space behind the word home. For whatever reason, it has to have a space or two words in order to work.

    #315608

    devblog
    Member

    Thank you, Vivian. Much appreciated.

    #315609

    reason79
    Member

    I’ve tried the add that home button with the space and still not working.

    #315610

    devblog
    Member

    are you doing it like this?

    <a href="http://truthnlogic.wordpress.com/">Home </a>

    It worked for me.

    #315611

    reason79
    Member

    Take a look at my blog what to i do about that empty space to the right at takes me to
    http://truthnlogic.wordpress.com/home/

    #315612

    vivianpaige
    Member
    #315613

    devblog
    Member

    to the right of where? the word home? there should be an empty space between the word “Home” and “”

    check my blog:

    http://sandboxskins.wordpress.com/

    #315614

    devblog
    Member

    Also, I just saw your CSS and you added the word Home to it… I see this:

    Home body {
    background:#fff;
    font:normal 1em Tahoma,sans-serif;
    margin:0;
    padding:0;
    }

    Remove “Home” from there.

    #315615

    reason79
    Member

    I put the code Home in the Edit Page name spot? With the space and that’s whats happening

    So what do i do about that empty space?

    #315616

    devblog
    Member

    Yes, now that’s working.

    To get rid of the space, add this code to your CSS:

    #menu ul li a[href="http://truthnlogic.wordpress.com/home/"] {display: none; border: solid 1px #f00 !important;}
    #315617

    devblog
    Member

    I’m sorry, when I test things I add a border. Don’t include it.

    The code should read like this:

    #menu ul li a[href="http://truthnlogic.wordpress.com/home/"] {display: none;}
    #315618

    reason79
    Member

    Don’t think Im put the new code in the right spot.

    #315619

    devblog
    Member

    You had it working already! why did you change it??

    Just follow the previous instructions, and as you had it working once, you can have it working again.

    #315620

    devblog
    Member

    also, move the new code I gave you below the “#menu ul li a:hover” definition, so it looks like this:

    #menu ul li a:hover {
    background:#222;
    color:#fff;
    }
    
    #menu ul li a[href=http://truthnlogic.wordpress.com/home/] {
    display:none;
    }
    #315621

    devblog
    Member

    Sorry, I’m really tired… ignore this post:

    You had it working already! why did you change it??
    
    Just follow the previous instructions, and as you had it working once, you can have it working again.

    I didn’t force reload my browser, so I didn’t see the change.

    You still need to change the CSS code, though.

    #315622

    devblog
    Member

    I see you moved the code, but you forgot the double quotes as I typed them here:

    https://en.forums.wordpress.com/topic/please-help-with-nav-bar/page/2?replies=37#post-296411

The topic ‘Please help with Nav Bar’ is closed to new replies.