Completely hide boss panels for a page?

[ken]

Hello. I was wondering if it were possible to completely hide all the panels for a page or two so I have the entire full page to work with? For the most part, I love the buddy panel and the top bar, but I’d really like to see if I can have a couple pages that are completely clean slate. Is this possible?

[Anve S.]

HI @ruvidan

Yes this can be done just let me know from which page you want to remove the top menu and buddy panel.Also there is an option to choose the parent template for every page you create .
Go to Page > edit . Now select ‘No Buddypanel’ template from parent attribute section and try reloading the site on browser.

Regards
Anve

[ken]

Thanks Anve. Sure. So I chose No buddy panel and that’s great. All the sidebars are gone. Now is there a code or any way to remove the header as well? I only want to do this for a couple pages and not the whole site.

I wanted to make a full page catalog and not have all that white space above the catalog. Getting rid of the menubar would be great for this option because it would be a pop out window anyways. I’d rather just have the info without the header. Thanks!

Hire

[ken]

[ken]

My bad. I typed a couple replies and just combined them above. Can’t figure out how to delete these excess posts now. haha. But basically you go to http://www.flowtricks.net and click on “Hire” at the top. The page that appears is one that I’d like to remove all header/sidebar info from. Thanks!

[Anve S.]

HI @ruvidan,

Try applying the following css code in child theme’s custom css option.

.page-id-6390 .site-header {
  display: none;
}
.page-id-6390 #right-panel {
  margin-top: 0!important;
}

Regards
Anve

[ken]

That’s wonderful! Thank you! This is so much better! Much appreciated!

One more quick question. Do you happen to know if there’s a code I could use to get rid of the white space so it looks like the catalog is on the top of the page? There’s a couple inches of white space before it begins

Hire

[Anve S.]

Hi @ruvidan,

Try applying the following css code in custom css.

.page-id-6390 .entry-content .panel-grid {
  padding-top: 0 !important;
  padding-bottom:0!important;
}
.page-id-6390 .entry-header h1 {
  margin: 0!important;
}
body.page-id-6390 .site-content article.post-6390.page {
  padding-top: 0 !important;
}

Regards
Anve

[ken]

You are awesome! Worked like a charm.

[Anve S.]

Great 🙂