Branding and Nav container css

http://726.011.myftpupload.com/

I would like my nav items to be all on one line so I added the following css to fit. However, it seems to have affected the footer. How can I achieve my desired result without the footer being affected?

.col-md-8 {
    width: 85%;
}
.col-md-4 {
    width: 15%;
}
.menu-menu-1-container {
	letter-spacing: .0px;
}

Hello, you can try to use this CSS code instead:

@media (min-width: 1025px) {
    #masthead .site-branding {
        width: 15%;
    }

    #masthead .site-navigation {
        width: 85%;
        letter-spacing: 0;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hi Roman,

It fixed the footer but the Nav is wrapping to another line. Any suggestions?

OK, try to use this code instead of the previous one:

@media (min-width: 1025px) {
    #masthead .site-branding {
        width: 15%;
    }

    #masthead #site-navigation {
        width: 85%;
        letter-spacing: 0;
    }
}

Kind Regards, Roman.
aThemes Support