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>