Home>Support>Turn off menu and header on particular pages

Turn off menu and header on particular pages

By Benedikt Brandl, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi SO-Team,

I wan to turn off menu and header on particular pages. The Background is, I integrated some lighboxes with shortcode ulimate (More Information on Team-Members), because i wasn´t disposed to create five Subpages for it. If the Visitor opens the lighbox, the employee-information should appear, but without the header and menu. http://cdn.br-finanz.de/wer-wir-sind/#unserteam

Is it possible to turn it off for this content? Maybe with some css?

Thanks!

URL: http://cdn.br-finanz.de/wer-wir-sind/#unserteam

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 9 months ago mikesandburg

    I have a similar request. I’d like to use the “Default Masthead” on the home page, and the “Logo In Menu” Masthead on other pages and posts. Related to this request, on pages and posts where the “Logo In Menu” is used, the “Home” menu item should be eliminated since clicking on the logo brings you to the “Home” page anyway.

    • 8 years, 9 months ago Andrew Misplon
      Hi, I Work Here

      Hi Mikesandburg

      This’ll require a child theme and conditional PHP statements. I’ll try fit this in tomorrow. If you can please, open a new thread and then post the link here, I’ll grab it as soon as I can.

  2. 8 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Benedikt

    For the page in question you could use the following at Appearance > Custom CSS:

    .page-id-295 #masthead {
	display: none;
}

.page-id-295 #main {
	padding-top: 0;
}

.page-id-295 .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width {
	padding-top: 0 !important;
}

    You could repeat those three rules for any page in WordPress by replacing “295” with the page ID. You can get the page ID by editing the page in the WordPress admin and check the URL, the ID is the only number in the URL.

    Hope that helps.

  3. 8 years, 9 months ago Benedikt Brandl

    Ah great, it works. Thank you! I unfortunately forgot the mention the footer. Could you pls add the css line to stash away the footer too? Thx again.

  4. 8 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Try changing our entire snippet to:

    .page-id-295 #masthead,
.page-id-295 #colophon {
	display: none;
}

.page-id-295 #main {
	padding-top: 0;
}

.page-id-295 .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width {
	padding-top: 0 !important;
}

    I’ve added:

    .page-id-295 #colophon

    to the first rule.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More