Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #561479

    Hi,

    I have a stretched layout with a centered header content and want to align the header menu either left, center or right in respect of the header items, logo and other elements, not the entire width of the site.

    You can see what I mean here: http://physio.digitalessence.net/

    The default Logo left, menu below places the menu to the far left.

    Thanks.

    #561657

    Hi DigitalEssence!

    hm not sure what you are trying to achieve. Can you show us a mockup please? then we can provide you some precise css code. Use a service like imgur.com or dropbox.

    Regards,
    Andy

    #561695

    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.

    #561702

    Hey!

    Can you please go to Enfold theme options > Header and choose to display “Logo center, menu below” option?

    Regards,
    Yigit

    #561708
    #561713

    Hey!

    Please add following code to Quick CSS

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

    Cheers!
    Yigit

    #561732

    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.

    #562671

    Hi!

    When i resize the window this is what i see the menu centers correctly which looks right to me. Please elaborate more on the logo issue if possible request you to send a screen shots of the issues so we can help you better.

    Cheers!
    Vinay

    #563974

    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;
    }
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How do I align the header menu relative to the content width in a stretched layo’ is closed to new replies.