I am hiding suiteBar, left navigation and top ribbon using SPFX extension but for few second its showing up.

I don't want to show it for few second also.

I tried to hide it from master page alternate CSS also but no luck.

3 Answers 3


Hiding these elements using CSS is unsupported:


On modern team sites, quick launch can be hidden by going to Site Settings > Navigation Elements > untick the "Enable Quick Launch" option.


You should not use code to alter (move, hide) the Suite Bar within your application. enter image description here https://docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/portal-branding#office-365-suite-bar


You can hide the left navigation by going into the site settings > Navigation Elements > Uncheck the Flag "Enable Quick Launch"

If this doesnt work, then you also need to delete the links in the Navigation Section.

  • 1. This doesn't work on Modern pages anymore, just classic pages. 2. Deleting links is NOT a solution.
    – CigarDoug
    Jun 29, 2022 at 20:34
  • Deleting the links does work ! Nov 26, 2022 at 10:25
  • I really don't want to get into a back and forth with you. Even if you delete EVERY link, you STILL have an area of white space to the left where the Quick Launch is. It is NOT an effective solution.
    – CigarDoug
    Nov 28, 2022 at 1:00
  • If something works for someone, it can be helpful for somebody else as well, if you need help you can ask! Nov 30, 2022 at 9:04
  • The Quick launch control is configured in such a way that the white space is automatically hidden when there are no links in it. so the white space problem shouldnt show. the other solution is hiding using custom css , Nov 30, 2022 at 9:05

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.