This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Turn off menu and header on particular pages

10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. mikesandburg 10 years, 3 months ago

    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.

    • Andrew Misplon Staff 10 years, 3 months ago

      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. Andrew Misplon Staff 10 years, 3 months ago

    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. Benedikt Brandl 10 years, 3 months ago

    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. Andrew Misplon Staff 10 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread