Nav Menu on iPhone/iPad for Twenty Eleven Child

Hi, (sorry, I’m closing my previous post because I added a 2nd comment, and know that people might not look at new posts that already have a 2nd comment.. didn’t know how else to solve this so I opened a new post)

I have this code in my Twenty eleven child style sheet and it seems to have no effect on how the site displays on iPhone. Any pointers would be much appreciated! Thanks.

* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
   #branding #access li {
      font-size: 14px;
      width: 50%;
      text-align: center;
  }
} @media handheld, only screen and (max-width: 467px) {
   #branding #access li {
      font-size: 14px;
      width: 100%;
      text-align: center;
   }
}

Link is https://www.demaeyer-co.be/