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;
}