Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active December 27, 2015 06:28
Show Gist options
  • Save srikat/7281346 to your computer and use it in GitHub Desktop.
Save srikat/7281346 to your computer and use it in GitHub Desktop.
Using Genesis Sample child theme.
1) Rename logo.png in images directory to logo-notusing.png and logo@2x.png to logo@2x-notusing.png
2) Upload this image as logo.png in images directory: http://i.imgur.com/v2F2rjU.png
3) Add the following at the end of child theme's style.css:
body {
background: #222;
}
.site-header {
background: #222;
border-bottom: 4px solid #4a6e72;
}
.header-image .site-title a {
min-height: 150px;
}
.site-header .widget-area {
text-align: left;
}
.header-image .site-header .widget-area {
padding-bottom: 0;
padding-top: 10.6rem;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #fff;
background: #4a6e72;
}
.genesis-nav-menu a {
padding: 1rem 2.4rem;
color: #4a6e72;
}
@media only screen and (max-width: 800px) {
.header-image .site-header .widget-area {
padding-top: 0;
}
}
4) Go to Appearance > Widgets and drag a Custom Menu widget having your desired menu items in 'Header Right' sidebar.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment