Twenty Ten header and navigation menu alignment issues

  • Resolved emu8888

    (@emu8888)


    13 years, 7 months ago

    https://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]

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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

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

    Cheers

    PAE

    Thread Starter emu8888

    (@emu8888)

    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.

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

    Cheers

    PAE

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Ten header and navigation menu alignment issues’ is closed to new replies.