How To Hide New Item from Ribbon Classic SharePoint online?

Question

How to hide New Item menu from classic SharePoint Online Ribbon UI?

I am already using Toolbar Type with "No Toolbar". But I want to hide "New Item" button from Ribbon.

Please advice.
Thanks

Answer 1

Add CSS below to script editor web part:

<style>
    span[id='Ribbon.ListItem.New.NewListItem-Large'] {
        display: none;
    }
</style>

Answer 2

Try using below CSS to hide the "New Item" button from your page:

#Ribbon\.ListItem\.New\.NewListItem-Large {
    display: none !important;
}

Answer 3

Just add the script editor webpart on the page and add the below code to it,

<script type="text/javascript">
var elem = document.getElementById("Ribbon.ListItem.New.NewListItem-Large");
elem.style.display = "none";
</script>