Left- Hamburger Menu Middle- Logo Right- Button/Social Links

9 hours ago, ironbodyStudios said:

Site URL: https://ironbodystudio.squarespace.com/

Hello I would like to make my website look like the attached photo. I have attached how it looks currently and what I am going for, Can someone please provide the code to help me make this possible? I would also like my logo placement to be the same as the screenshot as well.

https://ironbodystudio.squarespace.com/

Password: guest32115

Thank you!

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-display-desktop {
    flex-direction: row !important;
    .header-actions--left {
        order: 4 !important;
        flex: unset !important;
    }
    .header-actions-action--social a:last-child {
        margin-right: 0 !important;
    }
    .header-title-nav-wrapper {
        order: 2 !important;
    }
    .header-actions--right {
        order: 3 !important;
        flex: unset  !important;
    }
    .header-burger {
        order: 1 !important;
    }
}