Return to previous page

Hiding menu, header image and footer for a single page

This topic has 6 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Robert Hall

randymir

Participant

January 27, 2016 at 21:30

Hi, I’m struggling to hide the menu, header and footer from a single page. When I attempt to use the Blank-Page template is causing the content to expand across the page and the top image is showing above the page, making for a bad user experience.

I was attempting this in my custom CSS, but I think I’m missing something.

.page-id-16837 #header #header1 #header6 #header7 {
display: none;
}

The page is at https://www.softwarediscountcenter.com/quickbooks/accept-credit-cards-ebay/

#110389 Copied Theme version: 2.10.0 WooCommerce version: 4.4.1

5 Answers
Robert Hall

Support staff

January 27, 2016 at 22:30
Hello,

Please try to add this code in custom.css file.
```
.header,
.footer {
  display: none;
}
```
Regards,
Robert Hall.
#110396 Copied
randymir

Participant

January 27, 2016 at 22:50

Hi Robert.

Thanks. However, I only want to remove it from the one page . . . https://www.softwarediscountcenter.com/quickbooks/accept-credit-cards-ebay/

That’s where I’m struggling.

Randy

#110398 Copied
Robert Hall

Support staff

January 28, 2016 at 08:20
Hello,

Please replace code above to this
```
.page-id-16837 .header,
.page-id-16837 .footer {
  display: none;
}
```
Regards,
Robert Hall.
#110430 Copied
randymir

Participant

January 28, 2016 at 15:42

That did it Robert.

Thanks for the help.

Randy

#110564 Copied

Robert Hall

Support staff

January 28, 2016 at 15:48

Hello,

You’re welcome!

Regards,
Robert Hall.

#110567 Copied
Tagged: footer, header image, hiding menu, single page, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)