Skip to content

Instantly share code, notes, and snippets.

@paullacey78
Created August 1, 2017 11:55
Show Gist options
  • Save paullacey78/72482c07dfa6da55d9dd6a5b49e36a04 to your computer and use it in GitHub Desktop.
Save paullacey78/72482c07dfa6da55d9dd6a5b49e36a04 to your computer and use it in GitHub Desktop.
GeneratePress header fix for logo/nav overlap
/* GeneratePress Header fix for problem break points
Change the 900px value in two places to where you have nav/logo overlap */
@media(min-width:768px) AND (max-width:900px) {
.inside-header {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
#site-navigation {
min-width: 900px;
padding: 10px;
text-align: center;
}
#site-navigation ul li {
display: inline-block;
float: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment