Moving Burger to Left Side

Hello!

*This question is pertaining to the desktop version of my website* I am having issues moving my burger navigation from the right side of the screen to the left. I am looking to have the burger on the left side of the website, and then the logo in the middle or aligned right. I am unable to change either by adjusting the header layout thru SS's options on site styles.

This pic is showing what I mean. I am also looking to create a burger nav that does not take up its own page. I am seeking to create something more like this from another church website.

I'm not sure if I'm asking for too much out of Squarespace design wise but what's most important is the burger on the left. I've searched for hours on different websites and forums for solutions and tried numerous amounts of code in the CSS but haven't had any luck yet.

This is the website name: https://test-lsgj.squarespace.com/

Update:

I was able to move the burger to the left with this code:

.header-burger {position: absolute;}

.header-title-logo { 
    text-align:center;
    margin-left:0%;
}

I still need help trying to adjust the burger nav page/box into something more like that page screenshot pasted. Any help appreciated!

Your site is private. Can you setup an access password (not login password). We can check easier

@tuanphan

PW is 'church429'

On 11/7/2022 at 1:23 AM, LSGJ-Eli said:

@tuanphan

PW is 'church429'

Add this CSS

@media screen and (min-width:992px) {
.header--menu-open .header-menu {
    bottom: unset;
    height: 50%;
    left: 20px;
    right: 20px;
    top: 20px;
}
.header-menu-nav-folder.header-menu-nav-folder--active {
    overflow: hidden;
}
.header-menu-nav-folder-content a {
    margin-top: 10px;
    margin-bottom: 10px;
}
}