Добрый день. Подскажите, пожалуйста, как сделать горизонтальное подменю на всю ширину контейнера ?
Пробовал решить эту задачу через
.dropdown-menu {
width: 100%;
max-width: 1140px;
text-align: center;
left: 0%;
right: 0%;
top: auto;
position: fixed;
margin: 0 auto;
}
Выглядит так. как надо, но из-за фикседа меню страдает, если находится слегка прокрученным.
В подменю будет 4-5 столбцов.
Я так понимаю, что работать надо с этой частью кода, но уже все перепробовал...
<div class="dropdown-menu">
<div class="dropdown-inner">
<?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
<ul class="list-unstyled">
<?php foreach ($children as $child) { ?>
<li class="drop-dva"><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
<?php } ?>
</ul>
<?php } ?>
</div>
</div>