How do I align the header menu relative to the content width in a stretched layo

Hi Andy,

I’m trying to align the menu left at point 1. Center at point 2 and right at point 3.

I’m using a stretched layout with a 1030px wide content and my header logo is shifted right by 30 odd pixels using CSS.

View post on imgur.com

Hope this helps and thank you as always.

That’s done: http://physio.digitalessence.net/

Thanks for that.

I’ve added that code and the menu centers nicely but as soon as I bring the width of the browser down it moves too far to the right.

I’m using this:

#header .logo {padding:38px 0 0 20%;}

to bring the logo in from the left hand edge of the site as I want a stretched layout but the header and content to be centered with a specific width and this is the only way I can see to do it.

Unless I’m being daft and missing something which is more than likely.

Hi Vinay,

I used the following CSS to give .inner-container a max width of 1030px and auto padding/margin. This has limited the width and centered everything just right.

Thanks.

.inner-container {max-width: 1030px; margin:auto; padding:auto;}

.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}