Hide The Top Tab Links On A SharePoint 2013 And Office 365 Site Using CSS

While working on SharePoint 2013 and Office 365 sites, most of our clients request their homepage to not have a topTab link option.

In those cases, you can avoid taking a lot of time in writing code to hide those files. Just follow the following steps.

  1. Edit the page on which you want to remove the TopTab link
  2. Add a Script Editor web part.
  3. Paste the following code.

    1. <style type="text/css">  
    2.     #RibbonContainer-TabRowRight {  
    3.         display: none;  
    4.     }  
    5. </style>  
  4. Your Top tab link will be gone.

That's it.

Keep reading & keep learning!

Build smarter apps with Machine Learning, Bots, Cognitive Services - Start free.

Start Learning Now