How to make header image not appear on my entry index page with platform pro

[nestorlld 0]

HI all, I'm trying to delete the header custom image and social icons (everything above the horizontal nav bar) from the entry index page which has the page features area (my site is www.child-psych.org). I want the header image/social icons to show up only inside the single post pages, pages, and search results but NOT in the main index page. Is this possible? Thank you for your help. Nestor.

[Kate 3]

Hi Nestor, If you don't mind them still loading, you can just use "display:none" on those elements with CSS.

[nestorlld 0]

Hi kate, thanks for the email. could you tell me more about how this would work? I don't mind them loading, but would this mean there will be white space there? and how do I get the css to only apply to the entry page? thanks. N.

[Kate 3]

Hi Nestor, Your home page has a class of ".home", and the blog page of ".blog". So, you can use either one of those to specify the elements. And, there won't be a white space... they'll literally be "hidden". So, for instance:

.home .icons{display:none;}

or the entire header:

.home #header{display:none;}

[nestorlld 0]

Thanks so much Kate. We are almost there. This worked as you suggested, the problem is that it also deleted the navigation bar that is placed below the header image. The ideal scenario would be to hide only the image and the icons, and but keep the nav bar. Is this possible?

[Rob 547]

It should be. I'll bump this back to Kate for further attention.

[poseyg+ 1]

Nestor, These will remove the image, icons and search...you will have to add the page-id in front of these: #branding .branding_wrap { display: none; position: relative; } and to get rid of the search form: .searchform { display: none; margin: 3px auto 0; position: relative; width: 210px; }

[Danny+ 1,327]

Hi, Try adding this to your Custom CSS, this will remove the header image and the social icons from your homepage only and will push the navigation menu to the top your page. [code].home #branding { display: none; }[/code]