Hello felas and ladies,

I need to remove the quick launch column in a document library, while using the Modern View of Sharepoint.

I need to keep activated the Sharepoint Publishing infrastructure, so I need a hack to can remove the quick launch by using powershell or other settings. I know that performing this task is possible, because I did it in past BUT I do not remember how to do it again! uic I would appreciate your answers-

3 Answers 3


We can create a custom CSS style and inject the CSS on modern pages using SPFx extensions to achieve it.

The following solution with source code for your reference.

SPFx Applications Customiser CSS Injection

To hide the Quick launch, we can use CSS code below:

  • Thanks! I am gonna try this solution :) May 29, 2019 at 13:56
  • The extension works but now I need to find the name of the element to delete the box that is circuled in orange in the picture. Do you have any idea? May 30, 2019 at 21:27
  • Did you use .Files-leftNav { display:none; } to achieve your requirement?
    – LZ_MSFT
    May 31, 2019 at 0:58

The solution of LZ_SFT was right.

The code to hide the Quick launch column (including his links and other elements) it is:

.Files-leftNav { display:none; }

Good luck!


I don't know if something changed since LZ_MSFT posted an answer but it didn't work for me.

What did work for me was:

<style type="text/css">  
   div[id^='spLeftNav'] {display: none !important;} 

Your Answer

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

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