title: Navbar width could not be changed
body: <p>I am unable to ascertain what attribute is fixing the width of the navbar, so as to reduce it from the borders. The CSS is too big so I had to use <a href="http://jsfiddle.net/timetosp/m03vq2ao/" rel="nofollow noreferrer">JSfiddle</a></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;nav id="NAV_1"&gt;
    &lt;ul id="UL_2"&gt;
      &lt;li id="LI_3"&gt;
        &lt;a href="http://timetospare.tk/wp01/" id="A_4"&gt;Home&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="LI_5"&gt;
        &lt;a href="http://timetospare.tk/wp01/about/" id="A_6"&gt;About&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="LI_7"&gt;
        &lt;a href="http://timetospare.tk/wp01/blog/" id="A_8"&gt;Blog&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="LI_9"&gt;
        &lt;a href="http://timetospare.tk/wp01/freebies/" id="A_10"&gt;Freebies&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="LI_11"&gt;
        &lt;a href="http://timetospare.tk/wp01/resources/" id="A_12"&gt;Resources&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="LI_13"&gt;
        &lt;a href="http://timetospare.tk/wp01/how-to-start-a-wordpress-blog-on-siteground/" id="A_14"&gt;Start a Blog&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="LI_15"&gt;
        &lt;a href="http://timetospare.tk/wp01/shop/" id="A_16"&gt;Shop&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;</code></pre>
  </div>
  </div>
  </p>