Removing / hiding the header (except on the front page)

First step would be to set up a Child Theme: https://codex.www.ads-software.com/Child_Themes

Yes, for sure. That’s like putting on your seatbelt before you start the car. I’m wondering if anyone can teach me how to drive it…

You can give this a try:

.site-header {
  display: none;
}
.home .site-header {
  display: inherit;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS. You could also install a standalone custom CSS plugin if you prefer.

A custom CSS editor is also included in the Customizer with WordPress 4.7.

Thanks for the quick response, Kathryn. I added the CSS in the Customizer editor, and it did remove the header (while leaving it alone on the front page)… but it also removed the menu, too. Navigating away from the front page now leaves you feeling a little marooned….

(But I feel like this is close!)

Give this a try instead:

.site-branding {
  display: none;
}

.home .site-branding {
  display: inherit;
}

• This reply was modified 7 years, 11 months ago by Kathryn Presner. Reason: fixed typo

You are a magician! Or a very knowledgeable and generous problem-solver. One or the other. (Thank you! It worked beautifully– exactly what I was hoping to do.)

You are a magician! Or a very knowledgeable and generous problem-solver. One or the other.

Let’s say a bit of both? ??

I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

I used your css. In Twentyseventeen for me this leaves a 49px gap between menu and content. Menu height is default 72px, header#masthead.site-header is 141px

When I drag the window smaller the menu changes to mobile menu, when I pull the window bigger again, the 49px gap has magically disappeared.

What is going on there? That’s the real magic question. Please advise.

Thank you

Hi Kathryn!
You’re like an Einstein… small simple codes.
Do you happen to know a beautiful simple way (code) to show images in the inside pages’ headers (custom headers?) different than those images shown in the “main page” header?
Thank you.

@themax123456789 @adxygen – please start new threads if you still need help with your issues, and provide a link to your site so folks can better assist you.

https://www.ads-software.com/support/theme/twentyseventeen/

This one is already marked as resolved, and it’s much easier for your questions to get lost. Thanks!