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

[Bob Byers]

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.

[Bob Byers]

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.

[Spiracle Themes]

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

[Bob Byers]

This reply has been marked as private.

[Spiracle Themes]

Hi Bob,

Add this also

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

Best Regards

[Author]

Posts