title: How to eliminate the padding in the nav menu from Refinery CMS?
body: <p>There is currenlty padding on the left that is somehow added to the menu by refinery. </p>
  
  <p><img src="https://i.stack.imgur.com/aNVeo.png" alt="padding"></p>
  
  <p>When inspected the element for <code>header#header nav#menu</code> these are the CSS rules</p>
  
  <pre><code>header#header nav#menu {
    width: 100%;
    max-width: 360px;
    margin: 0px auto;
    padding: 0px 6px;
  }
  </code></pre>
  
  <p>The <code>&lt;ul&gt;</code> had no rules. And the item menus are floated as </p>
  
  <pre><code>header#header nav#menu ul li.first {
    float: left;
  }
  
  header#header nav#menu ul li.last {
    float: right;
  }
  </code></pre>
  
  <p>So how can I push the first item menu into place? It seems to be floating as far left as possible, but its parent container may somehow be interfering. </p>