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

enter image description here

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

Please advice.


Add CSS below to script editor web part:

    span[id='Ribbon.ListItem.New.NewListItem-Large'] {
        display: none;
  • Thanks bro.. this is working for me! – Kfajar Dec 26 '19 at 8:56
  • I'm glad to help you. You can mark this post as answer. Thanks for your understanding. – Hellofiona_MSFT Dec 26 '19 at 9:07

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

#Ribbon\.ListItem\.New\.NewListItem-Large {
    display: none !important;
  • Try this and let me know if this works for you. – Ganesh Sanap Dec 26 '19 at 8:57

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";
  • Hi.. Thanks for your response. i am already put your code in script editor. But 'new item' cannot hide. Please guide me – Kfajar Dec 26 '19 at 8:37
  • I am using script editor in list/windows load – Kfajar Dec 26 '19 at 8:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.