Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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
You can’t perform that action at this time.