aquascaped

I have resolved it myself!! yeah!!
It has something to do with the display tag in the style.scc

Edit this:

@media only screen and (min-width: 769px) {
/* Menu Effect : bottom line slides/fades in */
.link-effect a {
overflow: hidden;
padding: 8px 10px!important;
line-height: 2.5em!important;
display: inline-block;
}
.link-effect .sub-menu a {
padding: 4px 10px!important;
height: 20px!important;
line-height: 1.9em!important;
}
.link-effect a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.link-effect .sub-menu a span {
display: block;

To this:

@media only screen and (min-width: 769px) {
/* Menu Effect : bottom line slides/fades in */
.link-effect a {
overflow: hidden;
padding: 8px 10px!important;
line-height: 2.5em!important;
display: inline;
}
.link-effect .sub-menu a {
padding: 4px 10px!important;
height: auto!important;
line-height: 1.9em!important;
}
.link-effect a span {
position: relative;
display: inline;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.link-effect .sub-menu a span {
display: inline;

And the icons are inline with the text