If your theme has radical homepage design, you may want to hide website logo on homepage but still display it like normal on inner posts or pages. This can be easily implemented using “display” functionality through CSS.

CSS to hide logo from homepage of WordPress site

Add following code in your style.css file (backup this file before making changes).

For Genesis Themes with image logo
[cc]
.home .title-area {
display:none;
}
[/cc]

css to hide logo image in genesis theme

For other WordPress Themes with text logo
[cc]
.home .site-title, .home .site-description {
display:none;
}
[/cc]

This will hide logo only from the homepage. Logo will appear at correct place in inner posts and pages of your WordPress website.

Share on LinkedIn

Davinder Singh Kainth

A digital creator with 15+ years of experience in Website Design, Development, SEO, and Content Creation to Podcasting at SmartWebCreators.com with the motto of "Be Smart, Keep Creating". A coach, consultant, and your dear geek friend ❖

1 Comment

  1. luke on October 19, 2016 at 8:30 am

    thanks for the code, but I can’t get it to work. Where should I put this code? At the end of the style.css or is there a way to do this using simple hooks? It seems like this should be an easy customisation…but alas…

    Keep up the good work
    Cheers

    Reply

Leave a Comment