I want to hide the SuiteNavWrapper inside a single sharepoint modern page.. so is this possible?

enter image description here

I added a modern script editor web-part, and i added this custom CSS:-


but this will not hide the SuiteNavWrapper.. i think this is because the SuiteNavWrapper is not within the page context.. so not sure if there is any other approach i can follow?

3 Answers 3



I have a test your CSS code on an SPO page, it results that the CSS is overridden by other styles. You may have a try below workaround:

enter image description here


  • seems this is working .. not sure if will stay working in the future,, but atleat for now it hide the SuiteNav.. thanks
    – John John
    Feb 18, 2021 at 10:04
  • @JohnJohn : don’t use in-page CSS. Use my solution below. Feb 20, 2021 at 21:04

No, manipulating the DOM, especially the SuiteNav, is not supported.


Append this query string to the page’s url:


The above works for Modern SharePoint pages

For Classic SharePoint pages, append the below to the page’s url:


Also, See Here

Up-vote or Mark as Answer if this helped you!

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.