title: Css Dropdown menu fold open to the left
body: <p>I have a WordPress install with a custom menu.
  This menu has two sub menu levels.</p>
  
  <p>Like this:</p>
  
  <pre><code>+--------+-----------+--------+
  | Menu 1 |  Menu 2   | Menu 3 |
  +--------+-----------+--------+
  |        |           | sub-1  |
  |        |           | sub-2  |
  |        | sub-sub-1 | sub-3  |
  |        | sub-sub-2 |        |
  |        | sub-sub-3 |        |
  +--------+-----------+--------+
  </code></pre>
  
  <p>Normally the menu will fold open to the right. But I would like the last menu to fold to the left because of the fact that it will generate a horizontal scrollbar if it has a submenu.</p>
  
  <p>Here is the code (PLEASE NOTE: I'm not seeking for somebody that changes the code for me to a solution) I just want the logic to do this because I want to understand what I'm doing.</p>
  
  <p><a href="http://pastebin.com/RTmy7SZT" rel="nofollow">http://pastebin.com/RTmy7SZT</a></p>
  
  <p>M.</p>