title: Changing Menu Bar Font Size
body: <p>I'm using WordPress for a website.</p>
  <p>Here is the link for the website: <a href="http://Jamezpearce.byethost7.com" rel="nofollow noreferrer">http://Jamezpearce.byethost7.com</a></p>
  <p>How can I can make the font smaller so can fit more menu bars onto the website?</p>
  <p>I really appreciate any help given to me if anyone wants anything else please comment and I will supply it.</p>
  <p>I have already tried altering the CSS but don't seem to get anywhere I'm probably doing it incorrectly.</p>
  <p>I have added</p>
  <pre><code>font-size: 0.75em;
  </code></pre>
  <p>to all the menu CSS I can see and still no joy.</p>
  <pre class="lang-css prettyprint-override"><code>
  /* Pagenavi  */
  
  #pnavigation {
      margin: 20px 0px;
  }
  
  .wp-pagenavi {
      font-size:0.75em;
      text-align: centre !important;
      margin-left: auto;
      margin-right: auto;
  }
  
  .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
      text-decoration: none;
      background: #42444e!important;
      border: 1px solid #212227!important;
      color: #fff !important;
      padding: 4px 8px !important;
      display: block;
      text-align: centre;
      float: centre;
      display: inline;
      margin-right: 6px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      font-size:0.75em;
  }
  
  .wp-pagenavi a:hover {
      color: #ffffff;
  }
  
  .wp-pagenavi span.pages {
      display: none;
  }
  
  .wp-pagenavi span.current {
      text-decoration: none;
      background: #CF5912 !important;
      border: 1px solid #993206!important;
      color: #fff !important;
      padding: 4px 8px !important;
      display: block;
      text-align: center;
      float: centre;
      display: inline;
      margin-right: 6px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      font-size:0.75em;
  }
  
  .wp-pagenavi span.extend {
      text-decoration: none;
      background: #FFD000 !important;
      border: 1px solid #E8B900 !important;
      color: #fff !important;
      padding: 4px 8px !important;
      display: block;
      text-align: center;
      float: centre;
      display: inline;
      margin-right: 6px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      font-size:0.75em;
  }
  </code></pre>