Increase Menu Width – Drops a line

Hi,

I wanted to add a social icon at the top menu, the Facebook icon. I downloaded a Plugin and the icons shows but it skips a line, so the menu has in the first line all the items and in the second line the social media icon. I suppose it was because the menu has a definite width, I change the value here:

#wrap {
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #FFF;
}
.header_container {
	background: #424242;
	margin: 0 auto;
	max-width: 960px;
	min-height: 88px;
}
.main-navigation,
.site-title,
.site-description {
    margin: 0 auto;

    max-width: 20000px;
}

Any suggestions?

I do not think the problems is the plugin since I tried to add random pages and it stills jumps a line.

Thanks.

PS. The site is here