After spending a week working with Foundation 5 framework, I'm curious if there is a straightforward way to make my magellan sidebar shift to the bottom of the page when viewed on mobile or tablets.
<div data-magellan-expedition="fixed">
<div class="large-2 columns right" >
<div id="top">
<h5>Summary</h5>
<h4>Business Cards</h4>
</div>
<div id="summary">
<table>
<tbody>
<tr>
<td>Digital</td>
</tr>
<tr>
<td>3.5 * 2</td>
</tr>
<tr>
<td>Qty: 50,000 </td>
</tr>
<tr>
<td>14 Point C2S</td>
</tr>
<tr>
<td>Color Front, Empty Back</td>
</tr>
<tr>
<td>5 Business day turnaround </td>
</tr>
<tr>
<td>5 Business day turnaround </td>
</tr>
<tr>
<td>5 Business day turnaround </td>
</tr>
</tbody>
</table>
<h5>Your Price: $64.5</h5>
<h5>Unit Cost: $0.323</h5>
<a href="#" class="small radius success button">Get Started</a>
</div>
</div>
</div>
For reference, you can visit the page here: