Skip to content

Instantly share code, notes, and snippets.

@nickdavis
Last active January 19, 2016 21:49
Show Gist options
  • Save nickdavis/396529fbb585d6377793 to your computer and use it in GitHub Desktop.
Save nickdavis/396529fbb585d6377793 to your computer and use it in GitHub Desktop.
Show an alternative logo on Kickstart date archive pages (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.date .site-header .wrap {
background: url(images/logo-alt.png) no-repeat left center;
}
/* Now go to the block where responsive styles are found in version 1.1.3 */
@media only screen and (max-width: 768px) {
/* Find the code block below and add the .header-image.date etc line to it */
/* Reset alterative logo back to regular logo for responsive menu */
.header-image .site-header .wrap,
.header-image.date .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