How do I hide the Top Bar in SharePoint

Question

I am using a Page Viewer to display another SharePoint site Page and I do not want to display the Top Bar/Banner/Search of the source SharePoint page....In the Page Viewer I tried IsDlg=1 as part of the URL, but that did not work.

Thus, I tried some CSS in a script editor within the source page and was able to remove the Quick Launch, but not the Top Bar/Header....

How can I hide a page without any naigation, but yet be able to edit the page..

Answer 1

Try this,

     /* Hide the left Suite Bar and right ribbon areas */
    #suiteBarLeft {
    display: none;
     }