Как в slick slider уменьшить/убрать ширину у навигации?

Question

[Genri_Rus]

Вот меню: https://codepen.io/Genri_Rus/pen/ZEGROze

Проблема в том, что у навигации ширина не задана, но при установке slick slider ширина устанавливается

Как вообще можно убрать ширину у меню ?

Comments

[Genri_Rus]

roixxv, как я уберу ширину width:6000px у slick sider если он ее устанавливает ?

[Alams Stoyne]

Genri_Rus, а собственно зачем вам её ограничивать? ширина высчитывается автоматом на основе элементов.
wrapper и так ограничивает ширину в 1200px
если надо меньше оберните menu-list в еще один div и задайте нужную вам ширину или div class="menu" задайте ограничение по ширине

[Alams Stoyne]

slick-track формируется на основе ваших элементов с скрытыми элементами для скрола у вас 10 элементов но выводится только 5 т.к есть ограничение 1200 то каждый элемент имеет ширину 240
также слайдер создал еще 15 клонов ваших элементов (всего в слайдере 25 элементов) 25*240 = 6000px

[Genri_Rus]

Alams Stoyne, мне нужно у li убрать ширину и отступы
Как-то вот так можно: https://codepen.io/Genri_Rus/pen/bGdKwwY ?

[Genri_Rus]

Alams Stoyne, так как можно сделать в моем варианте ?

[Alams Stoyne]

Genri_Rus, так:

.menu-item {
   display: inline-block;
   border: 1px solid #000;
   margin: 0 7.5px;
   background-color: #ccc;
   padding: 15px;
}

[Genri_Rus]

Alams Stoyne, разница есть:

https://codepen.io/Genri_Rus/pen/ZEGROze

Оригинал: https://codepen.io/Genri_Rus/pen/bGdKwwY