Forums

[resolved] Twenty Ten header and navigation menu alignment issues (5 posts)

  1. emu8888
    Member
    Posted 9 months ago #

    http://www.duet-studio.com
    Twenty Ten child template

    I have a header image on the left then the navigation menu

    The header image is circa 2 rows deep, so:

    1. I want to move my nav menu to align with the bottom of this logo image not the top?

    2. My nav menu doesn't sit nicely in the page as there aren't many tabs. When I try to align right or centre it falls off the background or below the logo?

    [CSS code moderated - the link to your site is enough to access the styles]

  2. peredur
    Member
    Posted 9 months ago #

    1. This did it for me:

    #access, .entry-meta, .entry-utility, .navigation, .widget-area {
        padding-top: 4.5em;
    }

    You probably only need:

    #access {
        padding-top: 4.5em;
    }

    2. Yes, it will do because it has a width of 813px. If you reduce the width, the menu will shift right (because it's floated right). Try this:

    #access {
      width: 613px;
    }

    So the full stuff you need probably amounts to something like:

    #access {
       padding-top: 4.5em;
       width: 613;
    }

    Your exact figures can be whatever you want to get the exact position you're after.

    Cheers

    PAE

  3. peredur
    Member
    Posted 9 months ago #

    Uh! You should be doing this in a child theme by the way. Not in the twenty ten theme itself

    Cheers

    PAE

  4. emu8888
    Member
    Posted 9 months ago #

    Thanks - that works and was fast - great for my first post, will be back!
    Don't worry it is a child theme but it's just easier for me to have all the stuff in it whilst I get used to how it works. CHEERS.

  5. peredur
    Member
    Posted 9 months ago #

    De nada, and thanks for marking the question resolved. It's a big help to other users.

    Cheers

    PAE

Reply

You must log in to post.

About this Topic