Почему отображаются кнопки к slick dots в мобильной версии Slick slider?

Question

[Александр Плюснин]

Здравствуйте, подскажите кто понимает как убрать эти кнопки в Slick slider. Оставить одни точки

Comments

[Ankhena]

По вашему вопросу: открыть фотошоп и стереть резинкой или закрасить цветом фона.

Нормальный ответ будет после того, как сдаете песочницу с кодом jsfiddle.net или codepen.io.

Предположительно: написать @media и стилизовать как вам хочется на нужном размере.

Answer 1

[iBird Rose]

как бы это и есть точки. просто стилизуй их. условно так:

.slick-dots {
        list-style: none;
        padding:0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .slick-dots li {
        margin: 0 5px;
    }
    .slick-dots button {
        border: none;
        background: gray;
        width: 10px;
        height: 10px;
        font-size: 0;
        border-radius: 50%;
    }
    .slick-dots .slick-active button {
        background: red;
    }

Comments

[Александр Плюснин]

Спасибо большое. Отмечаю решением, просто интересно вот на другом проекте точки выстроились в ряд, без каких либо изменений в style.css. Думал может в кешировании дело или в настройках js самого slick

[iBird Rose]

Александр Плюснин, у slick-slider кроме основных css и js есть еще slick-theme.css, который по дефолту стилизует слайдер. скорее всего в другом проекте он был подключен.

[Александр Плюснин]

iBird Rose, Возможно. В любом случае спасибо за уделенное время