Skip to content
All gists
Back to GitHub
Sign in
Sign up
Sign in
Sign up
{{ message }}
Instantly share code, notes, and snippets.
PatD
/
SharePoint 2016 - Make Ribbon look like 2013
Created
September 19, 2018 14:51
Star
0
Fork
0
Star
Code
Revisions
1
Embed
What would you like to do?
Embed
Embed this gist in your website.
Share
Copy sharable link for this gist.
Clone via HTTPS
Clone with Git or checkout with SVN using the repository’s web address.
Learn more about clone URLs
Download ZIP
Makes an on-premise SharePoint 2016 ribbon look/work like the 2013 Ribbon.
Raw
SharePoint 2016 - Make Ribbon look like 2013
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
<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.
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.