Заставить Magellan Sidebar работать в мобильном телефоне / перейти к нижней части страницы

Question

Итак, я работаю с платформой Foundation 5 уже около недели, и мне было интересно, есть ли простой способ заставить мою magellan боковую панель перемещаться прямо в нижнюю часть страницы при просмотре на мобильных устройствах / планшетах.

<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>

Также здесь есть ссылка на страницу: http://www.jovincron.in/orderform/index.html

Answer 1

Насколько я знаю, нет способа автоматически показывать элемент в нижней части страницы с помощью платформы Foundation 5, когда ваша страница открывается на мобильном устройстве. Для этого вам понадобятся пользовательские медиа-запросы или проверка JS-клиента.