How I can remove ribbon in sharepoint list?

Question

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.

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>

 

Answer 1

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.
   

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.
   

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

---

See Also

• Hide Save button from SharePoint Ribbon
• How to hide Ribbon in SharePoint 2010 using CSS
• Hide SharePoint 2013 Ribbon based on Permissions