@metal_millitia

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

Добрый день! Пытался сделать dropdown в nav bar'е, но ширина dropdown принимает ширину вкладки.
SYb18LVADsg.jpg
Код в странице
<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);


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы