Need help? Check out our Support site, then


moving navagation menu below the branding logo

  1. mckinneyfoundry
    Member

    Hello,

    Very much a poke it and see what happens, when it comes to my understanding of css. I have the basic in styling but been baffled by trying to move the #branding logo above the #access navigation.

    In a perfect world I am after ..........

    LOGO

    home about us services etc etc etc

    I can move them around to a point, but I can't move them independently, they seem paralleled. I hope this makes some kind of sense and any help would be gratefully recieaved.

    wayne

    http://mckinneyfoundry.co.uk

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. thesacredpath
    Staff

    Hi Wayne, give the following a try. It should get you started.

    #access {
        bottom: 0;
        left: 0;
        position: absolute;
    }
    
    #masthead {
        padding-bottom: 20px;
    }
  4. mckinneyfoundry
    Member

    Hello thesacredpath,

    Please accept my apologies for the misunderstanding on my part, don't want to waste anyone's time and efforts.

    Many thanks I really appreciate being handed a starting point, some of the logic is starting to fall into place.

    Regards

    Wayne

  5. mckinneyfoundry
    Member

    Hello Again,

    Just gave it go and it worked beautifully, many many thanks, I just need to get my head around why it worked.

    To show my appreciation, if you are ever in Norfolk UK, look us up and I will buy you a pint or two of good old English ale.

    Many thanks

    Wayne

  6. thesacredpath
    Staff

    You are welcome, and no worries, Wayne.

    What I did was look at your CSS and saw that the header area had a position: relative declaration. That means that I could add the position: absolute declaration and reposition the menu div (#access) and have it reposition in relation of the parent header div. I then added a bit of padding to the bottom of #masthead to give a little more white space. If the header had not had the position: relative declaration, I would have simply added it and then used the same code above to more the menu.

    CSS is a ton of fun and once you get into and get a feel for it, you will have a blast doing all sorts of things.

    I'll take you up on that if I'm ever in Norfolk UK.

Topic Closed

This topic has been closed to new replies.

About this Topic