Conditionals

[jel111]

Do conditionals work on Ul or Li elements? Trying to get a ul to not be shown on the phone size as the drop down part of the menu takes up to much real estate. It is working on a H2 element so I know it is active on the page.

 <nav id="nav">
    <ul>
      <li><a href="indexRFA.html">Home</a>
        <ul class="not-small"> (doesn't work-want this to not be shown on phone)
          <li class="not-small"><a href="nesa.html">Nesa</a></li>
          <li><a href="kingdomBahrain.html">Kingdom of Bahrain</a></li>
          <li><a href="ikns.html">IKNS</a></li>
          <li><a href="dubai_int.html">Dubai INT.</a></li>
          <li><a href="bayan.html">Bayan</a></li>
          <li><a href="alRajaSchool.html">AlRaja School</a></li>
        </ul>
      </li>
      <li><a href="conferences.html">Conferences</a></li>
      <li><a href="books.html">Books</a></li>
      <li><a href="gifts.html">Gifts</a></li>
      <li><a href="videos.html">Videos</a></li>
      <li><a href="workshops.html"> PD Workshops</a>
        <ul >
          <li><a href="teachLearn.html">Teaching Learning Equation</a>
            <ul>
              <li><a href="teachLearn.html">Assessment is Instruction</a></li>
              <li><a href="teachLearn.html#beyond">Beyond PBIS</a></li>
              <li><a href="teachLearn.html#different">Different Brains</a></li>
              <li><a href="teachLearn.html#equate">Learning Equation</a></li>
            </ul>
          </li>
          <li><a href="twentyFirst.html">21st Century Learning</a>
            <ul>
              <li><a href="twentyFirst.html">High Tech,Touch,Thought</a></li>
              <li><a href="twentyFirst.html#pbl">PBL in a Nutshell</a></li>
              <li><a href="twentyFirst.html#prepare">Test of Life</a></li>
              <li><a href="twentyFirst.html#who">Who's Doing the Talking</a></li>
            </ul>
          </li>
          <li><a href="rtbl.html">Right to be Literate</a>
            <ul>
              <li><a href="rtbl.html">Literacy is Learning</a></li>
              <li><a href="rtbl.html#deep">Writing is Deep Thinking</a></li>
              <li><a href="rtbl.html#build">Academic Vocabulary</a></li>
              <li><a href="rtbl.html#digital">Digital Screen-Age</a></li>
            </ul>
          </li>
          <li><a href="staffroom.html">Staffroom to Classroom</a>
            <ul>
              <li><a href="staffroom.html">Professional Learning</a></li>
              <li><a href="staffroom.html#coach">Adult Learner</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="cal.html" class="button alt">Calendar</a></li>
    </ul>
  </nav>