How to hide the header, menu, & banner for a single page

Bob Byers December 22, 2020 at 6:17 pm

Hi

Is it possible to hide the the header,menu, and banner for a single page. We’ve got a basic godaddy site that we haven’t gotten around to incorporating into our store site. We have a need to build a page in our store site that can be accessed from the godaddy site, but we don’t want people accessing this page to see the menu and banner on the store site. Can I do this? If so, how do I do that?

Wishing you the best for Christmas during this pandemic.

Replies (6)

  1. Bob Byers December 22, 2020 at 6:17 pm

    Hi

    Is it possible to hide the the header,menu, and banner for a single page. We’ve got a basic godaddy site that we haven’t gotten around to incorporating into our store site. We have a need to build a page in our store site that can be accessed from the godaddy site, but we don’t want people accessing this page to see the menu and banner on the store site. Can I do this? If so, how do I do that?

    Wishing you the best for Christmas during this pandemic.

  2. Bob Byers December 22, 2020 at 6:45 pm

    I should have mentioned that you answered part of this request about a year ago. I’ve implemented that solution (which works fine), but since the pandemic we’ve been using a banner which covers up the page title. Your previous solution did eliminate the header and the navigation. BTW, this is a new page. We will be moving all of the godaddy site to this site in January.

  3. Spiracle Themes December 23, 2020 at 4:54 am

    Hi Bob,

    Thanks for reaching out.
    Try the following CSS

    /* hide header */
    .page-id-316 header {
    display: none;
    }

    /* hide banner */
    .page-id-316 #slider {
    display: none;
    }

    /* hide footer */
    .page-id-316 footer {
    display: none;
    }

    Copy and paste it in Appearance -> Customize -> Additional CSS

    If you are looking for another page, then please mention the page URL so that we can provide you CSS for that page.

    Best Regards

  4. Bob Byers December 29, 2020 at 8:25 pm
    This reply has been marked as private.
  5. Spiracle Themes December 30, 2020 at 10:27 am

    Hi Bob,

    Add this also

    .page-id-60044 #page-title {
    display: none;
    }

    Best Regards

  6. Kate W December 29, 2024 at 10:55 am

    Hi Spiracle Themes,

    Trying to use your code for a GoDaddy website I’m building – any tips on where to find the page-id ?

    Thank-you !

  7. Spiracle Themes December 30, 2024 at 5:43 am

    Hi Kate

    The website should be in WordPress for that.

    Best Regards

Post a Reply

Reply To: How to hide the header, menu, & banner for a single page
Your information: