Header Layout for Brine Family (The Maple Inn Template) on Version 7.0

I’m using Squarespace Version 7.0, specifically the Brine family with The Maple Inn template, and I’m facing an issue with the white space on the left and right sides of my site header. I would like to adjust the header so that the logo is aligned to the left and the navigation links are aligned to the right, all without increasing the header size.

Here are the specifics of what I am looking to achieve:

1. Reduce or eliminate the white space on the left and right sides of the header.
2. Align the logo to the left edge of the header.
3. Align the navigation links to the right edge of the header.
4. Ensure the header height remains the same.

Has anyone encountered a similar issue or have any custom CSS suggestions that could help me accomplish this? Any guidance would be greatly appreciated!

Thank you in advance for your help.

Can you share your website URL?

Industrial Rigging and Heavy Lifting Solutions - Mountain Productions (mtnind.com)

Thak you so much for your help. One last question, Trying to add a about drop down on the primary navigation. When more than 4 items are added the site header formats like the screenshot below. Is there any way to fix this issue?

3 hours ago, edmundotai1991 said:

Thak you so much for your help. One last question, Trying to add a about drop down on the primary navigation. When more than 4 items are added the site header formats like the screenshot below. Is there any way to fix this issue?

I can't see what's going on in your screenshot, and I can't replicate the issue either: