foundation dropdown direction
<!-- Depending on how your dropdown is structured -->
<a
data-dropdown="drop1"
aria-controls="drop1"
aria-expanded="false"
data-options="align:left">
Has Dropdown
</a>
<!-- OR -->
<ul
id="drop1"
class="f-dropdown drop-left"
data-dropdown-content aria-hidden="true"
tabindex="-1">
<li><a href="#">This is a link</a></li>
<li><a href="#">This is another</a></li>
<li><a href="#">Yet another</a></li>
</ul>