title: move menu dropdown to left
body: <p>I have top menu with drop down navigation(sub menu) and drop down comes right side of main menu.</p>
  
  <p>css:</p>
  
  <pre><code>ul.dropdown ul {
  width: 220px;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  }
  </code></pre>
  
  <p>How can change position to left for a last menu because if i hover on last menu, drop-down comes with horizontal scroll because there is no space on right side to display menu?</p>
  
  <p>Please help</p>