Remove inbox icon using Javascript

Question

I have been successful adding menu items to the sidebar using this thread:  https://community.canvaslms.com/t5/Canvas-Admin-Discussion/Help-With-Custom-Menu-Icons-and-Script/m-p/76160#M821

But now, is there a way to remove one of the icons. I would like to remove the Inbox Icon. We have disabled Conversations in Canvas because the admin wants everything to go through ParentSquare. Would love to remove the Inbox icon if possible.

Jerry_Nguyen1 · Accepted Answer

@marchermon

You can use the following custom CSS to hide "Inbox" button

a#global_nav_conversations_link {
    display: none;
}

Please note, this custom CSS only hides the inbox button from the web version of Canvas (E.g. not Canvas Student app) and any users can disable the custom CSS/Javascript from loading.

Chris · Accepted Answer

Hi @marchermon,

I'd suggest contacting your CSM / Account Representative at Instructure about this.  They may be able to help you find a solution other than using javascript/css, which may not be universal and could require maintenance down the road as @jerry_nguyen noted.

-Chris