Removing the Header from selective pages on the Twenty Fourteen Theme

  • Hello,

    I have just started to update my site and have opted to use the twenty fourteen theme but on my /about page i don’t want it to display the header.

    Can anyone help me on how to do this (basic level of wordpress skill but understand a little of CSS)

    https://www.davemassen.co.uk/about is the page i want to remove the header from.

    I tried the following but it didn’t work in the edit CSS part of appearence:

    .about .site-header {
    display: none;
    }

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • You will need to edit the style.css file.
    Search within the file for “header”
    and you will find something like this..

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
    display: block;
    }

    REPLACE this whole block with this one below..

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    hgroup,
    nav,
    section {
    display: block;
    }
    header { display: none; }

    Dennon, my situation is I want to remove the header and footer in my child theme and start my own layout design from scratch because mine will be an ecommerce site. I had to create a new stylesheet file in the child theme and is empty for now. i wonder if the method you described will apply to my situation as well. Please advise.

    sBliss

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing the Header from selective pages on the Twenty Fourteen Theme’ is closed to new replies.