I came across an issue where text in the global navigation menu was out of alignment and overlapped by default.
add the following CSS to the Style sheet, located under Site:
<style>
.ms-core-listMenu-horizontalBox .menu-item, .ms-core-listMenu-horizontalBox
.menu-item .additional-background, .ms-core-listMenu-horizontalBox
.menu-item .additional-background .menu-item-text { display:block; }
ul.dynamic { min-width:175px; }
span.menu-item-text:hover {
background-color:rgba(205,230,247,0.5);
padding:2px;
}
span.menu-item-text{
padding:2px;
}
</style>
Ryan Mangan's IT Blog 
I don’t think I would have ever figured this out on my own, thanks.