Custom header only on homepage

Blaskan
1

One more request please…

I would like to show the custom-header picture only at home page, did find some code on your forum but didn’t worked out for me.

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to make the changes by going to Appearance > Customize > Additional CSS and pasting it there.


/*Hide header image on other pages*/
.home .custom-header {
    display: inherit;
}

.custom-header {
    display: none;
}

Best Regards,
Support

3

Hi,

I just did but it doesn’t work I’m afraid…

4

My additional CCS

Header space removal*/
div#content {
    display: none;
}

header#masthead {
    margin-bottom: 0px;
	
Hide header image on other pages*/
.home .custom-header {
    display: inherit;
}

.custom-header {
    display: none;
}
5

Hey there,

I hope you are well today and thank you for your question.

Try the following.

/*hide custom header on pages except home page*/
.custom-header:not(.home){
  display:none;
}

Best regards,
Support.

6

Hi,

Thank’s, I’ve tried that but the custom-header picture is still seen on all pages…

At this moment:

Header space removal*/
div#content {
    display: none;
}

header#masthead {
    margin-bottom: 0px;
	
hide custom header on pages except home page*/
.custom-header:not(.home){
  display:none;
7

Hey there,

revisited the code, this should def work.
Also if the additional CSS you currently have coded to try and remove the customer header kindly remove those, and use this instead.
body:not(.home) .custom-header{ display: none;}

Best regards,
Support.

8

Hi,
I’m sorry , it is still not working, now:

Header space removal*/
div#content {
    display: none;
}

header#masthead {
    margin-bottom: 0px;
	
hide custom header on pages except home page*/
body:not(.home) .custom-header{ display: none;}
9

Hello there,

Please remove the code that did not work and try this instead:



/*Hide header image on other pages*/
.home .custom-header {
    display: inherit !important;
}

.page .custom-header {
    display: none;
}

Best Regards,
Support

10

Nope… header image keeps showing on all pages…

11

Hey there,

Would you mind creating a temporary admin user so we login and have a look at this for you?

Best regards,
Support.

12

https://beautybymarlou.nl/inloggen
username: colorlib
password: cWONIkWWqJkxq$!UZP2i2HrA

13

Hello there,

I was able to login and correct the issues with the code and the CSS is now working.

Please have a look and let me know of the issue.

Best Regards,
Support

14

Hi there,

I’m happy !!

thank’s

15

Hey they there,

Happy to help, let us know if there’s anything else we can help you with.

Best regards,
Support.

16

Hello

I want to do the same, but the last code doesnt work for me. I cant see the header picture anywhere, not in home page nor in other page. can you please help on this?

17

Hi there

@arifroni sorry but could you describe your problem little bit? I checked question of this ticket but i need to know what is your problem, please also include a link to your page and screenshot