Header Customization - move logo to center and move menu to left

Site URL: https://megankeely.com

Site URL: https://megankeely.com

I would like to modify my header so that the logo is aligned to the center of page, and the navigation menu links are aligned to the left of the page.  I've attached a photo of how my current header looks like: logo is on the far left, with the desired annotations in red.  I want the social links to stay where they are, and for nothing to change other than to swap the location of the logo with the location of the navigation menu.

Thank you!

I think Site Header should have this option. You try checking again.

Or add this to Design > Custom CSS

.header-title-nav-wrapper {
    flex-direction: row-reverse;
}
.header-title-logo {
    text-align: center;
}

Thank you!  Is there css to align the menu text left?  The menu is now on the left side of the header but it's aligned centered, see screenshot.

On 8/7/2022 at 12:16 PM, megankeely said:

Thank you!  Is there css to align the menu text left?  The menu is now on the left side of the header but it's aligned centered, see screenshot.

 

 

Use this code

/* align left nav */
.header-layout-nav-center .header-nav {
    text-align: left;
}

Hi there, is there a way of getting my site logo from centre, to the left and in-line of the menu bar? Thank you!

On 11/3/2023 at 11:47 PM, justjamesweddings said:

Hi there, is there a way of getting my site logo from centre, to the left and in-line of the menu bar? Thank you!

Hi. Move to this?

So with my template on squarespace (www.justjamesweddings.com), my logo is above my menu bar and I'd like to move it to the left and in-line with the menu bar, if that makes sense? So, yes like the image you've sent, but my moving my logo from above and centre, to the left.

THANKS

You can edit Header > Choose this layout

That is the thing @tuanphan I can't seem to change the layout...

Nevermind I found it!