hide nav text

hey guys i know this is ridiculous but ive solved the above questions on my own and in particular with regards to the center of nav bar I think this is the most elegant way to achieve it.

I had seen other posts discussing 50% margins etc but none are as accurate as this is to perfectly place the nav in the center if you want it on the same row as the logo.

Okay first up to hide the nav text on transparent mode I used

/* Removes the NavBar from the transparent header */
#top .av_header_transparency .avia-menu {display: none;}

And to center nav I used

/* Some css to make the NavBar center align */
.main_menu ul:first-child {
    display: inline-block;
    width: auto;
}

.main_menu {
    text-align: center;
    width:100%;
}

.avia-menu {width:100%;}