How can I decrease the space between the logo and primary and secondary nav?

1. Decrease header with

2. or increase space between nav items

You want?

4 hours ago, tuanphan said:

1. Decrease header with

2. or increase space between nav items

You want?

Hey @tuanphan! I want to decrease the space between the logo and the nav. Essentially, I want the nav items to be closer to the logo on each side. Take a look at the screenshot

There are 3 ways to do that

1. Decrease header width

2. or increase space between nav items

3. Increase Logo width

You want?

@alexist

@tuanphan I think decreasing the header width makes sense. 

@alexist Add to Home > Design > Custom CSS

[data-nc-element="primary-nav"] {
    width: 100%;
    text-align: right;
}
[data-nc-element="secondary-nav"] {
    width: 100%;
    text-align: left;
}

@tuanphan worked wonderfully! Thank you! 

Hi @tuanphan 

I used the code provided and the secondary nav now overlaps on the logo. How can I fix this? 

Link: https://rabbit-sapphire-xrxg.squarespace.com/home-brine

Thanks a lot!

11 hours ago, MariaFY said:

Hi @tuanphan 

 

I used the code provided and the secondary nav now overlaps on the logo. How can I fix this? 

Link: https://rabbit-sapphire-xrxg.squarespace.com/home-brine

 

Thanks a lot!

 

I see fine here. Can you take a screenshot?

Hi @tuanphan! Thank you for being willing to help! It looks goes now, but the social links don't look great. How can I bring them on one line? 

Page: https://rabbit-sapphire-xrxg.squarespace.com

Screenshot: 

Thanks a lot for your help!

On 11/21/2020 at 5:58 AM, MariaFY said:

Hi @tuanphan! Thank you for being willing to help! It looks goes now, but the social links don't look great. How can I bring them on one line? 

 

Page: https://rabbit-sapphire-xrxg.squarespace.com

Screenshot: 

 

Thanks a lot for your help!

Add to Home > Design > Custom CSS

.Header-social {
    width: 150px;
}

 @tuanphan You da best!

Hello!

I believe this is pretty much what I want to do on my website so that all of the navigation menus - or as many as possible - fit in one line, but I don't seem to find any code that works for me.

Link: https://www.ohiosound.studio/en/home
Password: check123
Template: 7.1 Bailard

Could someone provide any help, please?

Thank you!
Ohio

1 hour ago, Ohio said:

Hello!

I believe this is pretty much what I want to do on my website so that all of the navigation menus - or as many as possible - fit in one line, but I don't seem to find any code that works for me.

Link: https://www.ohiosound.studio/en/home
Password: check123
Template: 7.1 Bailard

Could someone provide any help, please?

Thank you!
Ohio

You want all items on left menu on same line?

7 minutes ago, tuanphan said:

You want all items on left menu on same line?

Yes, exactly. 🙂