How to get navigation bar on one line

On 1/11/2022 at 1:33 AM, Ivanalala said:

Hi, 

I tried all the above codes, none of them seems work for my site. Is it because I added a search bar?

Can you look at my site?

https://ilbosco2022.squarespace.com/

password: ILBosco2022

 

Thank you!

 

Use this CSS

/* nav one line */
.header-nav-list {
    flex-wrap: nowrap;
}
.header-nav-list * {
    font-size: 18px;
}

@tuanphan Hello mate, do you think you can help me with this same issue on my website? https://www.lustrerentals.com/ It would be much appreciated I have been trying to figure this out for a long time!

On 7/27/2023 at 2:15 PM, LustreRentals said:

@tuanphan Hello mate, do you think you can help me with this same issue on my website? https://www.lustrerentals.com/ It would be much appreciated I have been trying to figure this out for a long time!

Use this CSS code

/* nav one line */
.header-nav-list {
    flex-wrap: nowrap;
}

@tuanphan Hi! i was trying the codes above and it didn't work for my site, would you please help me center mine in one line? also is it posible to remove the spaces on the sides of the first homepage picture? my website is theinbloomstudio.com 

thank you so much

On 9/9/2023 at 5:40 AM, dnnlucia said:

@tuanphan Hi! i was trying the codes above and it didn't work for my site, would you please help me center mine in one line? also is it posible to remove the spaces on the sides of the first homepage picture? my website is theinbloomstudio.com 

thank you so much

Use this code

nav.header-nav-list {
    flex-wrap: nowrap !important;
}

Hi,

I'm also looking for code to align my navigation in one line.

Website: https://www.kristinkuehn.com

Password: 2eRFn7gQ

Many thanks,

Kristin

On 10/3/2023 at 2:58 PM, Aurora said:

Hi,

I'm also looking for code to align my navigation in one line.

Website: https://www.kristinkuehn.com

Password: 2eRFn7gQ

Many thanks,

Kristin

Use this code to Website Tools (under Not Linked) > Custom CSS

nav.header-nav-list {
    flex-wrap: nowrap !important;
}

4 minutes ago, tuanphan said:

Use this code to Website Tools (under Not Linked) > Custom CSS

nav.header-nav-list {
    flex-wrap: nowrap !important;
}

 

When I minimize the window, at some point the button to the right hides the outer right navigation link, while there's still lots of space the the left. Is it possible to adjust this somehow?

Many thanks!

On 10/6/2023 at 3:30 PM, Aurora said:

When I minimize the window, at some point the button to the right hides the outer right navigation link, while there's still lots of space the the left. Is it possible to adjust this somehow?

Many thanks!

Can you provide a screenshot? I can imagine easier

On 10/10/2023 at 1:25 PM, Aurora said:

@tuanphan I'd also like it to be aligned center. Is that possible?

I attached a screenshot to show that the middle navigation is off center.

Thanks again!

Don't remove any code in your current code. Try this CSS code

/* move nav center */
.header-layout-nav-center .header-title {
    width: auto !important;
    flex: unset !important;
}
.header-title-nav-wrapper {
    flex: 1 0 80% !important;
}

You can adjust 80% in the code