Frisby

I’m trying to adapt the advanced demo from here to work with my layout. I tried taking the css directly from it, but that didn’t work. Replacing the float:left;s with display:inline;s or (removing them) allows the open/close button to work, but the links/lis no longer change depending on the window size.

Here’s all the code I altered the float:left;s in.

#nav,
#nav ul {
  list-style: none;
  width: 100%;
  /*float: left;*/
  background:#02254F;
}

#nav li {
  /*float: left;*/display:inline;
  width: 100%;
}

#nav a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  /*float: left;*/display:inline;
}

@media screen and (min-width: 40em) {
  #nav a {
    margin: 0;
    padding: 1em;
    /*float: left; */display: inline;
    text-align: center;
  }
}

Thanks, I will see if I can implement tinynav.