Last active
January 19, 2016 21:49
-
-
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)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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