title: How to show sub-menu content with lower fonts?
body: <p>I have this website: <a href="http://ehealth4u.cs.ucy.ac.cy/" rel="nofollow noreferrer">http://ehealth4u.cs.ucy.ac.cy/</a></p>
  
  <p>On the menu we have "Partners". When we hove over "Partners", then we need to show each partner in one line, maybe with smaller fonts.</p>
  
  <p>The html code is: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;ul class="sub-menu"&gt;
       &lt;li id="menu-item-836" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-836"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/university-of-cyprus/"&gt;University of Cyprus&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-942" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-942"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/state-health-services-organisation-shso/"&gt;State Health Services Organisation (SHSO)&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/cyta/"&gt;Cyprus Telecommunications Authority (CYTA)&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-816" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-816"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/3aehealth-ltd/"&gt;3AeHealth LTD&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-826" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-826"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/ubitech-ltd/"&gt;UBITECH LTD&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-808"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/international-institute-for-compassionate-care/"&gt;International Institute for Compassionate Care&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-811" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-811"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/hippocrateon-private-hospital/"&gt;HIPPOCRATEON Private Hospital&lt;/a&gt;&lt;/li&gt;
       &lt;li id="menu-item-941" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-941"&gt;&lt;a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/iron-mountain-cyprus-ltd/"&gt;Iron Mountain Cyprus LTD&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>We tried the following without any luck:</p>
  
  <pre><code>ul.sub-menu li a{
      font-size:4px;
  }
  </code></pre>
  
  <p>Can you help me please?</p>