Theme Century Arts Change width of menu

[mtimes]

I'm trying to adjust the width of the menu for the Century Arts theme and have it mostly working, but run into an issue when I scroll down.

The menu looks fine at the top of the site: http://fnhtest1.weebly.com/ but when you scroll down the "Contact Us" menu wraps to a second line. Marked in this screen shot:

https://www.dropbox.com/s/qw2qxexix2swy6y/weebly-menu.png?dl=0 

I added the following to the main css file:

.nav .wsite-menu-item {
display: block;
padding: 12px 8px;
}

.birdseye-header {
padding: 20px 20px;
}

Is there additional css that I can add to fix this issue? It would also be helpful to know how I can move the menu closer to the logo, to accomodate additional menu items and hopefully extend the width on tablet landscape view, so you see all of the menu items instead of it switching to the "More" menu view.

Thanks in advance for any help you can be.

[bobafett]

@mtimes:  I don't see that.  It displays perfectly.  Check your browser zoom factor.

[mtimes]

Browser is set to 100%. Same thing happens on an iPad in portrait mode.

Problem only happens when I scroll down.

Any thoughts on what css I add to change that section?

[mtimes]

Opps. I meant iPad Landscape mode. Portrait goes to the hamburger menu like it should.