Skip to content

Instantly share code, notes, and snippets.

@nickdavis
Created April 19, 2016 17:52
Show Gist options
  • Save nickdavis/183ee83d0f2bb08be87d057d11223ed3 to your computer and use it in GitHub Desktop.
Save nickdavis/183ee83d0f2bb08be87d057d11223ed3 to your computer and use it in GitHub Desktop.
Show an alternative logo on Kickstart blog page and blog posts (a logo-alt.png file - of the same dimensions as the original logo - must be uploaded to the images folder in the theme folder)
/* Logo, hide text */
/* Existing CSS for reference */
.header-image .site-header .wrap {
background: url(images/logo.png) no-repeat left center;
padding: 0;
}
/* Show alternate logo on Date archives */
.header-image.page-template-page_blog .site-header .wrap,
.header-image.single-post .site-header .wrap {
background: url(images/logo-alt.png) no-repeat left center;
}
/* Now go to the block where responsive styles are found */
@media only screen and (max-width: 900px) {
/* Find the code block below and add the .header-image.page-template-page_blog and .header-image.single-post lines to it */
/* Reset alterative logo back to regular logo for responsive menu */
.header-image .site-header .wrap,
.header-image.page-template-page_blog .site-header .wrap,
.header-image.single-post .site-header .wrap {
/* Whatever styles are already in here */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment