Как сделать кастомизацию dropdown в materialize?

Question

[metal_millitia]

Добрый день! Пытался сделать dropdown в nav bar'е, но ширина dropdown принимает ширину вкладки.

Код в странице

<a class='dropdown-trigger btn' href='#' data-target='dropdown1'>Drop Me!</a>
  <!-- Dropdown Structure -->
  <ul id='dropdown1' class='dropdown-content' style="width: 3000px !important">
    <li><a href="#!">Прием животных и общие мероприятия</a></li>
    <li><a href="#!">Лабораторная диагностика</a></li>
    <li><a href="#!">Вакцинация, противопаразитарная обработка</a></li>
    <li><a href="#!">Хирургия</a></li>
    <li><a href="#!">Травматология и ортопедия</a></li>
    <li><a href="#!">Офтальмология</a></li>
    <li><a href="#!">Стоматология</a></li>
    <li><a href="#!">Косметические операции</a></li>
    <li><a href="#!">Ритуальные услуги</a></li>
    <li><a href="#!">Медикаменты и расходные материалы</a></li>
    <li><a href="#!">Груминг</a></li>
  </ul>

$('.dropdown-trigger').dropdown(constrainWidth:false, hover:true);

Всем заранее спасибо!

Comments

[Сергей Карвасарный]

может есть какие другое решение я обычно в таких случаях указываю ширину фиксированной и потом уже на респонсе настраиваю. Можно конечно скрипт написать он там мерить будет вычислять но это уже нагрузка ну и от целей зависит.

[metal_millitia]

Сергей Карвасарный, я не сильно понимаю, где указать эту ширину. Первый раз в жизни понадобилось заняться с html и прочим. Спасибо, что не прошли мимо.)

Answer 1

[strelok011]

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