How to hide the New Document drop-down available in the Office 365 document library ribbon?

Question

I have a requirement to hide the New Document drop-down that appears in the SharePoint online document library ribbon. I already have a master page in place, so can someone help me with the CSS to hide the below.

Please note, i only want to hide the New Document from the ribbon and keep upload and New folder there for use. Thanks.

Answer 1

After some research and using developer tools, I found the ID's for New Document, Upload Document and New Folder. Please refer to the below css and you can utilize it according to your need, simply add this to your master page and it will work.

#Ribbon\.Documents\.New\.AddDocument-Large //hides upload document button
                        {
                            display:none !important;
                        }
                        #Ribbon\.Documents\.New\.NewDocument-Large //hides new document drop-down
                        {
                            display:none !important;
                        }
                        #Ribbon\.Documents\.New\.NewFolder-Large //hides the New Folder button
                        {
                            display:none !important;
                        }

Hope this helps someone.