Media queries are killing me. Help!

HTML & CSS
6

I haven’t found the CSS Ralph posted, but

looks to be a left-over from desktop view. i.e.
Desktop

Mobile (using desktop browser not mobile device)

For some reason, all but Home are getting a “hidden” class.

<ul class="nav-link-container">
  <li class="hidden-for-mobile">
    <a href="https://www.feverbee.com/resources" target="_blank" class="nav-link">RESOURCES</a>
  </li>
  <li class="hidden-for-mobile">
    <a href="https://experts.feverbee.com/" target="_self" class="nav-link">DISCUSSIONS</a>
  </li>
  <li class="hidden-for-mobile">
    <a href="http://newyork.feverbee.com/" target="_blank" class="nav-link">EVENTS</a>
  </li>
  <li class="hidden-for-mobile">
    <a href="http://ondemand.feverbee.com/" target="_blank" class="nav-link">TRAINING</a>
  </li>
  <li class="hidden-for-mobile">
    <a href="http://www.feverbee.com/consultancy" target="_blank" class="nav-link">CONSULTANCY</a>
  </li>
  <li class="hidden-for-mobile">
    <a href="http://www.feverbee.com/about-us" target="_blank" class="nav-link">ABOUT</a>
  </li>
  <li>
    <a href="http://www.feverbee.com" target="_self" class="nav-link">HOME</a>
  </li>
</ul>
2 Likes