Remove logo from header on pages

  • Hi guys,

    In the css-customizer you can upload a logo, which gets displayed on the front page above the menu.

    On pages the logo is consequently also shown above the menu. When I use a featured image, the logo covers the composition of the image, above the page (also posts and portfolio items). This can look very messy.

    How can I disable the display of the logo on pages. But still have the logo shown on the frontpage?

    Thanks for your help!

    Kirsten

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Kirsten!

    This style hides the logo on pages (specifically, not on posts or portfolios or other things):

    .page .site-logo-link {
    display: none;
}

    If you’d like to hide the logo on other parts of your site, you can use your browser inspector to look at the different classes on the body tag of those pages, and update the CSS as needed ??

    Thread Starter briqlab

    (@briqlab)

    Hi Chad, thanks for the tip! I just tried your code, and it also removed the logo from the frontpage. Thats basically the only place where I still want to keep it. I watched the video and it was very clear. I will definitely try working with that!

    grtz Kirsten

    Ah, you’re right! The static front page will still get that .page class, sorry!

    This should exclude the home page:

    .page:not(.home) .site-logo-link {
    display: none;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove logo from header on pages’ is closed to new replies.