Hide Title-Area (logo) on Home Page Only?

  • I’m trying to hide the Title-Area (logo) on the font page only but can’t seem to figure out what should be an easy fix. The theme is Altitude (Genesis Framework by Studiopress)

    I want the logo to show up on other pages throughout the site but as you can see I’m using a single image with the logo already on it so I don’t want the logo to show up again on the front page in the title area.

    I tried picking apart the code using Firebug but can’t find the bit that targets the title-area ONLY on the front page. I DID find this “.altitude-home” bit but it seems to only relate to home page social media buttons.
    I tried various version of this, none of which worked:

    .altitude-home .title-area {
	display: none !important;
}

    Any thoughts or help would be amazing!!
    https://www.betholsoncreative.com/SANDBOX

Viewing 1 replies (of 1 total)

  • First off, you should avoid using the !important clause, it will only make future changes more difficult. Just add enough specificity to the selector to make the rule work.

    The body element for each WordPress page will have different classes assigned to it depending upon the page type. For the home page, the body element will have the home class assigned to it, so all you need to do is change .altitude-home to .home:

    .home .title-area {
   display: none;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Hide Title-Area (logo) on Home Page Only?’ is closed to new replies.