Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Makes an on-premise SharePoint 2016 ribbon look/work like the 2013 Ribbon.
<style>
/* SP2016 Ribbon adjustments */
/* Puts babysuiteBar in the corner */
#suiteBarDelta {position: absolute;top:0;right:0;max-width:300px;}
/* Hides Waffle button */
#suiteBarDelta .o365cs-nav-leftAlign {display:none;}
/* Hides About Me in dropdown */
#suiteBarDelta #O365_SubLink_ShellAboutMe {display:none;}
/* Hide help button */
#suiteBarDelta #O365_MainLink_Help {display: none;}
/* Hide personalize button */
#suiteBarDelta #O365_SubLink_SuiteMenu_zz4_ID_PersonalizePage {display:none;}
/* Gear button height fix */
#suiteBarDelta .o365cs-me-tile-nophoto-username-container,
#suiteBarDelta .o365cs-me-tile-nophoto-username,
#suiteBarDelta .o365cs-nav-button {height:35px;}
/* Text color change for name/gear icon */
#suiteBarDelta .o365cs-topnavText,
#suiteBarDelta .o365cs-base,
#suiteBarDelta .o365cs-base .ms-fcl-w {color:#666}
/* Dropdown menu - match height to ribbon bar */
#suiteBarDelta .o365cs-nav-contextMenu{top:35px !important}
/* Background color eliminiate! */
#suiteBarDelta #O365_NavHeader {background: none}
#suiteBarDelta #O365_TopMenu {background-color:transparent}
/* Swap gear and people picker */
#suiteBarDelta .o365cs-nav-header16 .o365cs-nav-topItem {float:right;}
#suiteBarDelta .o365cs-nav-rightMenus div:last-child {float:none;right:50px;}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.