paullacey78
8/1/2017 - 11:55 AM

GeneratePress header fix for logo/nav overlap

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;
  }
}