title: The following dropdown appears on my PC browser, but does not work on my phone browser
body: <p>The code that has been linked below is working fine in Chrome on my desktop, but when displayed on my phone the "Meetings" dropdown menu does not even appear.</p>
  
  <p>Please visit <a href="https://jsfiddle.net/Spleendrivel/mg3upjqh/" rel="nofollow noreferrer">https://jsfiddle.net/Spleendrivel/mg3upjqh/</a> to see code example.</p>
  
  <p>There really is not much more detail I can provide, interestingly when I separate the css and js code into the appropriate windows on jsfiddle it seems to break...</p>
  
  <pre><code>    &lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
          &lt;meta name="viewport" content="Width=device-Width, initial-scale=1"&gt;
          &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css"&gt;
          &lt;style type="text/css"&gt;
              body {
                  margin: 0;
                  font-family: Arial, Helvetica, sans-serif;
                  background: url(images/SandyBackground.jpg) repeat
              }
  
              @media screen and (max-width: 2400px) {
                  body {
                      font-size: 2vw;
                      color: black;
                  }
              }
  
              @media screen and (max-width: 900px) {
                  body {
                      font-size: 1.8vw;
                      color: black;
                  }
              }
  
              .hidden {
                  display:none;
              }
  
              svg text {
                 font-family: FontAwesome;
              }
  
              .icon::before {
                  display: inline-block;
                  margin-right: .5em;
                  font: normal normal normal 14px/1 FontAwesome;
                  font-size: inherit;
                  text-rendering: auto;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  transform: translate(0, 0);
              }
  
              td {
                  padding:0 5px 0 5px;
              }
          &lt;/style&gt;
  
      &lt;/head&gt;
    &lt;body&gt;
     &lt;div class="container-fluid"&gt;
        &lt;div class="collapse navbar-collapse navbar-ex1-collapse"&gt;
           &lt;div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                 &lt;li class="menu-item dropdown"&gt;
                    &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="CloseAll();"&gt;Meetings&lt;/a&gt;
                    &lt;ul class="dropdown-menu"&gt;
                       &lt;li class="menu-item "&gt;&lt;a class="dropdown-item" href="#" onclick="toggleMonMeetings();"&gt;Monday&lt;/a&gt;&lt;/li&gt;
                       &lt;li class="menu-item "&gt;&lt;a class="dropdown-item" href="#" onclick="toggleTueMeetings();"&gt;Tuesday&lt;/a&gt;&lt;/li&gt;
                       &lt;li class="menu-item "&gt;&lt;a class="dropdown-item" onclick="toggleCommitteeMeetings();" href="#"&gt;Committee Meetings&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                 &lt;/li&gt;
              &lt;/ul&gt;
           &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
                  &lt;div id="MonMeetingsContent" style="display:none" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"&gt;
                      &lt;table cellpadding="3" cellspacing="3" width="100%"&gt;
                          &lt;col style="width:9%"&gt;
                          &lt;col style="width:9%"&gt;
                          &lt;col style="width:30%"&gt;
                          &lt;col style="width:35%"&gt;
                          &lt;col style="width:13%"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th&gt;MONDAY&lt;/th&gt;
                                  &lt;th&gt;Time&lt;/th&gt;
                                  &lt;th&gt;Description&lt;/th&gt;
                                  &lt;th&gt;Where&lt;/th&gt;
                                  &lt;th&gt;Map Link&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              &lt;tr height="2" bgcolor="#222222"&gt;
                                  &lt;td colspan="5"&gt;  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#BDBDBD" id="Font75"&gt;
                                  &lt;td style="text-align:left"&gt;&lt;B&gt;MON&lt;/B&gt;&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;5:30p&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;A NEW LIGHT (D H JFT O     No Children Allowed)&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Step One Coffee House, 6719 E. 2nd Street, Suite A,  Prescott Valley&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.579271,-112.348131"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#DEDEDE" id="Font75"&gt;
                                  &lt;td &gt;  &lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;7:00p&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;LOST AND FOUND (D LC O)&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Safe Harbor, 520 Delano St.,  Prescott&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.572087,-112.471348"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr height="4" bgcolor="#000000"&gt;
                                  &lt;td colspan="5"&gt;  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
                  &lt;div id="TueMeetingsContent" style="display:none" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"&gt;
                      &lt;table cellpadding="3" cellspacing="3" width="100%"&gt;
                          &lt;col style="width:9%"&gt;
                          &lt;col style="width:9%"&gt;
                          &lt;col style="width:30%"&gt;
                          &lt;col style="width:35%"&gt;
                          &lt;col style="width:13%"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th&gt;TUESDAY&lt;/th&gt;
                                  &lt;th&gt;Time&lt;/th&gt;
                                  &lt;th&gt;Description&lt;/th&gt;
                                  &lt;th&gt;Where&lt;/th&gt;
                                  &lt;th&gt;Map Link&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              &lt;tr height="2" bgcolor="#222222"&gt;
                                  &lt;td colspan="5"&gt;  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#BDBDBD" id="Font75"&gt;
                                  &lt;td style="text-align:left"&gt;&lt;B&gt;TUE&lt;/B&gt;&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Noon&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;LUNAR NOONER (D JFT O)&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;635 N. 1st Street, Treehouse Learning Community Center,  Prescott&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.552718,-112.471647"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#DEDEDE" id="Font75"&gt;
                                  &lt;td &gt;  &lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;7:00p&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;LOST AND FOUND (D H JFT O)&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Safe Harbor, 520 Delano St.,  Prescott&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.572087,-112.471348"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#CDCDCD" id="Font75"&gt;
                                  &lt;td &gt;  &lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;7:30p&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;GRATITUDE TOO GROUP (D H JFT NC O)&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Step One Coffee House, 6719 E. 2nd Street, Suite A,  Prescott Valley&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.579271,-112.348131"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr height="4" bgcolor="#000000"&gt;
                                  &lt;td colspan="5"&gt;  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
                  &lt;div id="CommitteeMeetingsContent" style="display:none" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"&gt;
                      &lt;table cellpadding="3" cellspacing="3" width="100%"&gt;
                          &lt;col style="width:9%"&gt;
                          &lt;col style="width:16%"&gt;
                          &lt;col style="width:31%"&gt;
                          &lt;col style="width:44%"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th&gt;Date&lt;/th&gt;
                                  &lt;th&gt;Time&lt;/th&gt;
                                  &lt;th&gt;What&lt;/th&gt;
                                  &lt;th&gt;Where&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              &lt;tr height="4" bgcolor="#000000"&gt;
                                  &lt;td colspan="4"&gt;  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#BDBDBD" id="Font75"&gt;
                                  &lt;td style="text-align:left"&gt;&lt;b&gt;1&lt;sup&gt;st&lt;/sup&gt; SUN&lt;/b&gt;&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;05-06-2018 12:30pm&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Activities SubCommittee&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Frozen Frannies, 104 W. Gurley St., Prescott&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.542005, -112.469079"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#DFDFDF" id="Font75"&gt;
                                  &lt;td style="text-align:left"&gt;&lt;b&gt;2&lt;sup&gt;nd&lt;/sup&gt; SAT&lt;/b&gt;&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;05-12-2018 12:30pm&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;H&amp;I SubCommittee&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Step One Coffee House, 6719 E. 2nd Street, Suite B,  Prescott Valley&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.579301,-112.348046"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#BDBDBD" id="Font75"&gt;
                                  &lt;td style="text-align:left"&gt;&lt;b&gt;2&lt;sup&gt;nd&lt;/sup&gt; SUN&lt;/b&gt;&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;05-13-2018 10:00am&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Yavapai Area Service Committee (YASC)&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Step One Coffee House, 6719 E. 2nd Street, Suite B,  Prescott Valley&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.579301,-112.348046"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr bgcolor="#DFDFDF" id="Font75"&gt;
                                  &lt;td style="text-align:left"&gt;&lt;b&gt;3&lt;sup&gt;rd&lt;/sup&gt; WED&lt;/b&gt;&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;05-18-2018 5:30pm&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;PR SubCommittee&lt;/td&gt;
                                  &lt;td style="text-align:left"&gt;Panera Bread, 3065 Gateway Blvd, Prescott&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a target="_blank" href="https://maps.google.com/maps?q=34.551229, -112.412528"&gt;MAP&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr height="4" bgcolor="#000000"&gt;
                                  &lt;td colspan="4"&gt;  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
  
          &lt;!-- Latest compiled and minified JQuery code --&gt;
          &lt;script src="https://code.jquery.com/jquery-3.2.1.js"&gt;&lt;/script&gt;
        &lt;!-- Latest compiled and minified BootStrap Code --&gt;
          &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              function toggleMonMeetings() {
               if (MonMeetingsContent.style.display == 'block')
                MonMeetingsContent.style.display = 'none';
               else
                MonMeetingsContent.style.display = 'block';
  
               if (TueMeetingsContent.style.display == 'block')
                TueMeetingsContent.style.display = 'none';
  
               if (CommitteeMeetingsContent.style.display == 'block')
                CommitteeMeetingsContent.style.display = 'none';
              }
  
  
              function toggleTueMeetings() {
               if (TueMeetingsContent.style.display == 'block')
                TueMeetingsContent.style.display = 'none';
               else
                TueMeetingsContent.style.display = 'block';
  
               if (MonMeetingsContent.style.display == 'block')
                MonMeetingsContent.style.display = 'none';
  
               if (CommitteeMeetingsContent.style.display == 'block')
                CommitteeMeetingsContent.style.display = 'none';
              }
  
  
              function toggleCommitteeMeetings() {
               if (CommitteeMeetingsContent.style.display == 'block')
                CommitteeMeetingsContent.style.display = 'none';
               else
                CommitteeMeetingsContent.style.display = 'block';
  
               if (MonMeetingsContent.style.display == 'block')
                MonMeetingsContent.style.display = 'none';
  
               if (TueMeetingsContent.style.display == 'block')
                TueMeetingsContent.style.display = 'none';
  
              }
  
              function CloseAll() {
               if (CommitteeMeetingsContent.style.display == 'block')
                CommitteeMeetingsContent.style.display = 'none';
  
               if (MonMeetingsContent.style.display == 'block')
                MonMeetingsContent.style.display = 'none';
  
               if (TueMeetingsContent.style.display == 'block')
                TueMeetingsContent.style.display = 'none';
              }
  
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>