SharePoint 2013 Global Navigation Menu Alignment Quick Fix


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>

One thought on “SharePoint 2013 Global Navigation Menu Alignment Quick Fix

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s