SharePoint 2013 - Format Global Navigation

#DeltaTopNavigation .ms-core-listMenu-root .ms-listMenu-editLink {display: none;} /*removes edit links*/

/* formats global nav items with a line between them*/
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    white-space: nowrap;
    padding-right: 10px;
    margin-right: 1px;
    padding-bottom:0px;
    margin-bottom:0px;
    border-right: 1px solid #000000;
}
.ms-core-listMenu-horizontalBox li.static:last-child > .ms-core-listMenu-item {
border: 0px solid transparent; /*removes separator from last menu item*/
}

/*format menu item children*/
#DeltaTopNavigation ul.static > li.dynamic-children > ul.dynamic {
    background-color:#cccccc;
    border-radius: 10px;
    padding: 5px 5px;
    box-shadow: 10px 10px 5px #888888;




}

Share on Google Plus

About Tom DeMeulenaere

Highly accomplished information technology professional with extensive knowledge in System Center Configuration Manager, Windows Server, SharePoint, and Office 365.