Zurb Foundation: размер и положение выпадающего списка

Question

У меня есть раскрывающееся меню в верхнем меню, а для определенных окон ширины окна выпадающее меню становится слишком большим и перемещается влево. Я бы хотел, чтобы он всегда был того же размера и оставался в том же положении, даже если это означало бы уйти с края экрана. (В настоящее время он двигается еще до того, как будет идти от края, хотя)

Album with screenshots of correct/incorrect behavior

Here является скрипкой, показывающее поведение. Код для раскрывающегося списка:

<a href="#" 
    data-dropdown="drop1" 
    aria-controls="drop1" 
    data-options="is_hover:true;" 
    aria-expanded="false" 
    class="button custom"> 
    Link2 
    </a> 
    <ul id="drop1" class="tiny f-dropdown content" data-dropdown-content aria-hidden="true" tabindex="-1"> 
    <li><a href="#">Drop1</a></li> 
    <li><a href="#">Drop2</a></li> 
    <li><a href="#">Drop3</a></li> 
    </ul> 

Спасибо!

Answer 1

Это хорошо работает для меня, надеюсь, что оно решит вашу проблему.

ширина

Удалить: 100% от класса

.f-dropdown.content{ 
    width:auto!important; 
}