Hide List View Header Menu via CSS in SharePoint

In this hint, I’ll show How to hide SharePoint ListView column header menu via CSS for print purpose.open-menu-option-in-listviewSteps :

  • Open your List > Click on the Setting gear > Select Edit Page.

Edit Page

  • Click on Add Web Part > add Script Editor Web Part

Script Editor

  • Add the following CSS code.
th .ms-core-menu-box, .ms-positionRelative{
display:none !important;}

  •  Save your page.
  • Test your list view by clicking on the column header where the open menu option should be now hidden.

Note: If you need to hide open menu for a specific column header in list view, you can do this via the below code: (Where Title is the column name)

div[displayname*="Title"] ~ .ms-core-menu-box,div[displayname*="Title"] ~ .ms-positionRelative{
display:none !important;}

Enjoy 🙂


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s