Navigation Formatting

Site URL: https://flamingo-goby-tkw6.squarespace.com/

Password: home

Is there anyway I can expand the are where the three items - Available Homes - Application - Resource Hub, on this nav is to allow them to all appear on the same line? Yes, I could lower the font size but I would rather not and there is plenty of white space for the items to fit in. Screenshot attached below.

Thank you in advance for any assistance!

Patterson

Add to Design > Custom CSS

/* nav one line */
nav.header-nav-list {
    white-space: nowrap !important;
}
.header-nav {
    width: 70% !important;
    flex: 1 1 70% !important;
}

On 9/19/2021 at 5:31 AM, tuanphan said:

Add to Design > Custom CSS

/* nav one line */
nav.header-nav-list {
    white-space: nowrap !important;
}
.header-nav {
    width: 70% !important;
    flex: 1 1 70% !important;
}

 

Awesome, thank you very much!

Is there anyway to easily center these?

On 9/21/2021 at 1:09 AM, Patterson said:

Awesome, thank you very much!

Is there anyway to easily center these?

Not really a good way

.header-nav {
    width: 70% !important;
    flex: 1 1 70% !important;
    position: relative;
    right: -100px;
}

Understood, thank you for adding.