Hide header on only specific pages

  • Author
    Posts
  • #162755

    Hi Taras!

    I added the below custom CSS code to hide the entire header section

    #fullscreen-header {
    display: none;
    }
    .site-main .front-block-one {
    padding-top: 0;
    }
    .entry-title {
    display: none;
    }
    .page-header {
    display: none;
    }
    .site-footer {
    background-color: #000;
    color: #fff;
    }
    .site-footer h2 {
    color: #ffcd00;
    }
    .site-footer a {
    color: #fff;
    }

    However, I would like the header to be shown on blog pages except the main blog page.

    So for example, I would like to hide the header on all pages except

    https://www.example.com/blog/1
    https://www.example.com/blog/2
    https://www.example.com/blog/3

    can you help me with this? Thank you in advance!

    The blog I need help with is seo.tbwakorea.com.

    #162762

    tarasdashkevych
    Theme Author

    Hello,


    “So for example, I would like to hide the header on all pages except …”

    – To hide the page header on all pages except blog pages, please use this custom CSS:

    
    #fullscreen-header,
    .page-header {
      display: none;
    }
    
    .single-post .page-header {
      display: flex;
    }
    

    Hope this helps. Please let me know if you have any additional questions regarding the page header.

    Kind regards,
    Taras

    #162799

    Hi Taras!!!

    It worked!!!

    Thank you so very much for your help :)

    #162823

    tarasdashkevych
    Theme Author

    You are always welcome! :)

    Kind regards,
    Taras

The topic ‘Hide header on only specific pages’ is closed to new replies.