Header logo appears on pages


#1

Hello!
Under “Pages” I’ve created some new pages. When I click on them from the home page, the logo from the homepage’s header appears at the top of my new page. I don’t want that - I only want my logo at the top of my header page and that is all. How can I remove this?
Thank you in advance!
Cailley
http://henry.joshschuyler.com/


#2

Hi,

You can remove the logo from all pages except the homepage with this Custom CSS:

.site-logo {
    display: none !important;
}

.home .site-logo {
    display: block !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba


#3

Thank you! That did work. But actually, could I change that question a bit? I want to keep the logo on all pages, but not the bar of color in the background of it (see screengrab below, the grey bar of color behind logo & menu - it almost blends in with the photograph but not quite!). Is there a way to make that transparent? So the logo and menu is at the top of the page but you can see the photography I have underneath?
Thanks!!


#4

Hi,

It’s already transparent on all pages except homepage with this Custom CSS:

body:not(.home) .site-header {
    background-color: transparent;
}

so it is transparent now and also it’s positioned absolute, so it should show the header above the image. I can’t see the exact page you’ve posted the screenshot from, so if you have this issue only on that page, then please post a link to that page, so I can check why the menu isn’t transparent there.

Kind Regards,
Csaba


#5

Thanks Csaba. I also thought that it should appear transparent with that css. But, as you can see on this page http://henry.joshschuyler.com/paper20, the color isn’t so much transparent as it is grey.
For example, I should see the rest of the black stone underneath where the Home/About Us/Contact menu buttons are. Is that possible?

Cheers,
Cailley


#6

Hi,

There is a header-clone with 170px height on that page, that will make the menu to not look like it has a transparent background, but you can remove this header-clone with this Custom CSS:

.page-template-page_front-page .header-clone {
    height: 0 !important;
}

Please let me know how it works.

Kind Regards,
Csaba


#7

Hi! That did make the header transparent, but it also shifted the page (with text “under construction”) too far up so it’s running into the logo. Screengrab attached.


#8

Hi,

You must add more space on top of the header image with this Custom CSS, because now the menu is positioned over the image:

.panel-row-style-for-995-0 {
    padding-top: 160px !important;
}

Please let me know how it works.

Kind Regards,
Csaba


#9

Hi Csaba,

Thank you, that worked! Do you know how I could apply that padding to all my pages? (that just worked to adjust the first page, “Benefits.”
Cheers,
Cailley


#10

Oh I figured it out by going in and changing the row padding individually!
Thanks for all your help again (and again) Csaba!


#11

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba


#12