Welcome to deBUG.to Community where you can ask questions and receive answers from Microsoft MVPs and other experts in our community.
0 like 0 dislike
656 views
in SharePoint Online by 2 2 4

In SharePoint Online, I have a team site with classic experience, I want to remove the above list ribbon for a specific SharePoint list without removing the Stop Editing button.

how to remove ribbon in sharepoint list in sharepoint online

I have tried this CSS to hide the list ribbon but I can't find the stop editing button to save my changes?

<style type="text/css">
#ribbonBox 
{
display: none;
}
</style>

 


1 Answer

0 like 0 dislike
by 54 119 241

How to remove SharePoint List Ribbon in SharePoint Online?

To remove the full ribbon for a SharePoint list in SharePoint Online classic site, you have to use custom CSS in script editor web part like the following:

Steps

  1. Click on Site Settings > Edit your Page.
  2. Click on add Web Part.
  3. Add Script Editor web Part.
    add script editor in sharepoint online
  4. Add the below CSS code.

     <style type="text/css">
     .ms-cui-ribbonTopBars
      {
        display: none;
      }
     </style>
    
  5. Great, the SharePoint Online List Ribbon has been hidden with stop editing functionality.
    Remove sharepoint online list ribbon

Note: the above method would be also working for SharePoint Server.


See Also

If you don’t ask, the answer is always NO!
...