Menu should remain a single line

Hello,
The menu seems to be too far to the left. I want to add another page to the menu, each time I do the menu becomes two lines instead of one. There is plenty of room to the right of the “Contact Us” how can I add one more page and keep the menu a single line? secondly, the Site’s name and tag line are indented too far to the right. I plan to add a small logo but still the Site’s name and tag line do not need to be that far indented. How can I adjust it? The site is not yet completed, I still have a lot of work to do but I think I’m off to a good start. Please take a look at the menu. The website is at: www.saintniafoundation.gccinc.org
I will keep it up for 24 hours. Thanks.

Hello there,

As your menu items are too long, some last items move down. To again this, you can either use shorter menu or reduce the left/right padding of each which can be done by adding the below extra CSS code:


#mainnav .menu > li {
  margin-right: 0;
  padding-left: 6px;
  padding-right: 6px;
}

To apply it to your site, add it to Appearance > Customize > Additional CSS in your site dashboard.

Regards,
Kharis