Cacher is the code snippet organizer for pro developers

/*GeneratePress Header fix for problem break points
Change the 900 px 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;
    }
    }