Remove header image from non-home page pages

Rather,

I pasted this there:

body.home .site-content, body.home .site-footer {
display: none !important;
}

Also, the .form-allowed-tags {
display: none !important;
}

didn’t do what it was supposed to do either (remove the words under the comment box).

Not sure what is up with my css file..

Hi,

you have to add the following css

body.page .site-header{
  display: none;
}

It is recommended that not to change your theme style directly, rather create a child theme or install a plugin for adding custom css like the following.

https://www.ads-software.com/plugins/simple-custom-css/

try it so it should your problem

what is the url to your site? using css for something like that may be tricky unless the homepage header has a very unique class. otherwise the css you add would affect EVERY page. You may have to edit a php file for that.

If you share a link to your site i will look at it for you.

This code worked for a couple of the pages. The “Articles” themselves still have the header. Is this because they’re part of the home “page”?

It’s OK for now I guess. I can utilize the “featured image” to make it at least appear different, though I’d really like to get it all straightened out and perfected.

it’s meditationlifecoach(dot)com

Passionate-Coder (or others),

I’ve been reading/watching tutorials, but I’m unclear.

With this addition to the CSS:

body.page .site-header{
display: none;
}

Where in the CSS should this be inserted?

I’m also trying to disable the header image from all but the home page.

Thanks!

Hi birchfinch,
just install the plugin called “Simple Custom CSS” https://www.ads-software.com/plugins/simple-custom-css/

Once installed, go to its options page and paste this code into the box:

body:not(.home) .site-header{
display: none;
}

This way the header will be visible only on the home page ??

Regards,
CrestaProject

hey guys! I’m also having issues here. I added that code in, but now the navigation menu has completely disappeared, alongside the header image. i’d like to get rid of the header image and keep the main menu navigation. any ideas? Thanks so much xx

my packinglist.xyz is my url. or could i show the sidebar permanently on each page (not homepage) and simply add in a menu widget? thanks loves!

Hi milakingsley1,
sure, you can create a menu and show it in the sidebar through widget called “Custom Menu”.

Use this CSS code to hide the menu in the header:

.theNavigationBar {
display: none;
}

Best,
CrestaProject

Hi – love the theme, thanks for creating it!

I have the same problem though, and I have used Custom Menu but still unable to get the menu back on the other pages with the header image.

Please help!

Hi versushk,
go to your WordPress Dashboard under “Appearance-> Menus” and uncheck the “theme location” for this menu.
Or create a new empty menu and, in “theme location”, select “Primary Menu”.

Best Regards,
CrestaProject

I did both and still unable to see menu on my other pages except for Home Page…

My page is https://www.versushk.com to see what I mean by clicking any page on menu. Thanks

Oh I managed to use widget and created a side bar menu now yay!
However, the menu is white and my background is also white so it’s impossible to see it. Any idea how to change the menu colour (the 3 lines) please?

Hi versushk,
go to your WordPress Dashboard under “Appearance-> Customize” and change the “text color” or the “background color”.

Best Regards,
CrestaProject

I gathered the menu colour changes when you scroll down so it’s visible – thanks a lot CrestaProject!!