kapsayıcıdaki widthi ya yüzdeli şekilde vermelisiniz yada aşağıdaki gibi vermeyin Ayrıca menü yaparken float yerine display:inline-block; kullanırsanız daha iyi olacaktır. Eğer illaki width verecekseniz @media kullanımını araştırın. 57.satırdaki 2 classı şu şekilde değiştirirseniz sorun çözülür;
.navX{
margin:0 auto;
height:auto;
}
.navX li{
width:160px;
height:45px;
display:inline;
display:inline-block;
cursor: pointer;
transition:all 0.4s;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
}