Created
April 19, 2016 17:52
-
-
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)
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.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