Forums

[resolved] Idiots Guide To Re-Position Navigation Bar Please? (4 posts)

  1. SecurityOptions
    Member
    Posted 8 months ago #

    Can anyone tell me how to move my navigation bar above?

    I'm using a child theme of the WordPress default twentyelven theme.

    The navigation bar by default resides below the main image which goes across the screen, i'd just like to move it immediately above the image instead.

    Can anyone give me a step by step guide to do this on my twentyeleven child theme please.

    Site Link

    I have already got the header.php in my child theme, what next?

    I'd greatly appreciate some help in as much detail as possible as i'm new to this.

    In case someone comes in here to say that I've already posted this, I haven't, my original post I wasn't using a child theme and a working solution wasn't found.

    This time my site has now been re-installed using a child theme as recommended by other members.

  2. vtxyzzy
    Member
    Posted 8 months ago #

    Find the code that is in the section shown (including the first line and last line shown):

    <nav id="access" role="navigation">
    
       All the nav menu stuff is in here
    
    </nav><!-- #access -->

    Move that code to just following this line:

    </hgroup>

    That will move the menu up, but leave a white margin between it and the image. Add this line to the end of style.css to remove the line:

    #access { margin: 0 auto 0; }

  3. SecurityOptions
    Member
    Posted 8 months ago #

    Hi vtxyzzy, thanks for taking the time to respond; I'm going to give that a try and I'll report back my results here after.

  4. SecurityOptions
    Member
    Posted 8 months ago #

    vtxyzzy Hoooraaay!!

    You're brilliant; you explained it perfectly and it did exactly what you said it would with regards to the thin line etc.

    That was exactly what I was hoping for, a perfect solution.

    Thank you very much..

Reply

You must log in to post.

About this Topic