Deleting Logo and Header on Secondary Pages

  • Author
    Posts
  • #131443

    Hello,

    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!

    Steve

    The blog I need help with is stephenlettsca.wordpress.com.

    #131466

    lelandf
    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.

    Regards,
    Leland

    • This reply was modified 2 months by  lelandf.
    • This reply was modified 2 months by  lelandf.

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