Skip to content

Instantly share code, notes, and snippets.

@srikat
Created September 28, 2013 12:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save srikat/6741767 to your computer and use it in GitHub Desktop.
Save srikat/6741767 to your computer and use it in GitHub Desktop.
style.css additions to make design changes in Sixteen Nine Pro Theme from StudioPress. Full details: http://sridharkatakam.com/move-left-section-top-sixteen-nine-pro-theme/
/*
Move left section (.site-header) to top
---------------------------------------------------------------------------------------------------- */
/* Custom styles by Sridhar Katakam */
.site-container {
max-width: none;
}
.site-header {
float: none;
position: static;
width: auto;
}
.site-inner, .wrap {
margin: 0 auto;
}
.wrap {
max-width: 1040px;
}
.site-inner {
float: none;
background: #444;
}
/* Primary Navigation
--------------------------------------------- */
.nav-primary {
background-color: #333;
}
.nav-primary a:hover,
.nav-primary .current-menu-item > a {
color: #fff;
}
.nav-primary .sub-menu a:hover {
color: #fff;
}
/*
Site Navigation
--------------------------------------------- */
.genesis-nav-menu li {
width: auto;
border-bottom: none;
}
.genesis-nav-menu a {
text-decoration: none;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
background: #000;
color: #fff;
}
.genesis-nav-menu .current-menu-item > a {
color: #333;
}
.genesis-nav-menu .sub-menu {
margin: 0;
}
.genesis-nav-menu .sub-menu a {
text-align: left;
}
.genesis-nav-menu > .first > a {
padding-left: 0;
}
.genesis-nav-menu > .right {
display: inline-block;
float: right;
list-style-type: none;
padding: 10px 0;
padding: 1rem 0;
text-transform: uppercase;
color: #666;
}
.genesis-nav-menu > .right > a {
display: inline;
padding: 0;
}
.genesis-nav-menu > .rss > a {
margin-left: 48px;
margin-left: 4.8rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.genesis-nav-menu > .search {
padding: 0;
}
.genesis-nav-menu > .search input {
padding: 1rem;
margin-top: 2px;
}
.genesis-nav-menu > .twitter > a {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.widget ul ul {
margin-left: 1rem;
margin-top: 0.5rem;
}
.site-footer {
text-align: center;
}
@media only screen and (max-width: 1279px) {
.genesis-nav-menu {
margin-bottom: 0;
border-bottom: none;
}
.site-footer {
display: block;
}
}
@media only screen and (max-width: 800px) {
.sidebar-primary {
padding-left: 1rem;
padding-right: 1rem;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment