Menu Bar Customization

Site URL: https://jakejensen.squarespace.com/config/pages

I was just wondering how I could line up my menu items to be closer to the logo in the middle instead of to the edges of the screen. Since I've already done all that I can to make sure they are on the same line, I will need to use some CSS. I would need the left block of menu items to float right and the right block of menu items to float left. I don't even know what the menu items are listed in the CSS so I don't know how to tell it to float a certain way. I will include pictures of what I mean. Would anyone know how to do this?

Hi. Your site is private. Can you setup password & share url again?

On 3/6/2021 at 9:57 PM, tuanphan said:

Hi. Your site is private. Can you setup password & share url again?

https://jakejensen.squarespace.com/config/pages

password: jakeandkylee

On 3/10/2021 at 1:26 AM, JakeJensen11 said:

https://jakejensen.squarespace.com/config/pages

password: jakeandkylee

Hi. Add to Design > Custom CSS

/* Space between nav - logo */
[data-nc-container="bottom-left"] {
    justify-content: flex-end !important;
}
[data-nc-container="bottom-right"] {
    justify-content: flex-start !important;
}

On 3/20/2021 at 1:38 AM, tuanphan said:

Hi. Add to Design > Custom CSS

/* Space between nav - logo */
[data-nc-container="bottom-left"] {
    justify-content: flex-end !important;
}
[data-nc-container="bottom-right"] {
    justify-content: flex-start !important;
}

Perfect! That worked. Thank you so much!