Deleting Logo and Header on Secondary Pages

  • Author
  • #131443


    On this website, I wanted to hide the “S” logo and the “Stephen Letts” for the “Resume”, “Blog” “Portfolio”, and “Contact”. Is there a code for this and to remove any white space after these are hidden?

    Thank you so much for the help! I sincerely appreciate any assistance!


    The blog I need help with is


    Theme Author

    Hi Steve,

    No problem. Here is some Custom CSS for that:

    .postid-16 .site-branding,
    .blog .site-branding,
    .page-id-42 .site-branding,
    .page-id-2 .site-branding {
    	display: none;
    .postid-16 .site-content,
    .blog .site-content,
    .page-id-42 .site-content,
    .page-id-2 .site-content {
    	padding-top: 78px;

    One thing to note: the only way to “single out” specific pages is by the post/page ID in the body class (hence the .postid-16, .page-id-42 selectors, for example).

    So if you delete a page and make a new one, even if you name it the exact same thing, the ID will be different and an adjustment will have to be made to the CSS.

    Also, I know you said remove the white space but I kept some (that’s what the second padding-top: 78px rule is for) because otherwise the content would be flush with the top and in some cases, obstruct the menu button. Feel free to adjust that number as you see fit.

    Let me know how that works out for you.


    • This reply was modified 3 years by  lelandf.
    • This reply was modified 3 years by  lelandf.

The topic ‘Deleting Logo and Header on Secondary Pages’ is closed to new replies.