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.

3 Answers 3


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, 2019 at 8:56
  • I'm glad to help you. You can mark this post as answer. Thanks for your understanding. Dec 26, 2019 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. Dec 26, 2019 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, 2019 at 8:37
  • I am using script editor in list/windows load
    – Kfajar
    Dec 26, 2019 at 8:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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