Как переделать навигационные круги в Slick Slider в прямоугольники?

Я вроде как добился результата, но всплыла другая проблема - при активном слайде, в маркере отображается белый бэкграунд, который я задавал для неактивных слайдов, как сделать так, чтобы он исчезал на активном слайде?

ilyin1ib.beget.tech

.slick-dots li button {
    height: 4px !important;
    padding: 4px !important;
    width: 20px !important;
    background: #fff!important;
    opacity: 0.5;
}

li.slick-active {
    width: 40px !important;
    height:100% !important;
    background: @orange !important;
    z-index:99 !important;
    transition: 0.3s;
}


.slick-dots li button:before {
	display:none;
}


.slick-dots {
	bottom: 100px !important;
	box-sizing: border-box;
}

В чем тонкости отличия toggleClass от addClass и removeClass?

бери пример объяснения с человека ниже и без хамства

Как отменить действия на ссылку при нажатии на другую ссылку?

сработало, но я не понял логику, почему именно в таком порядке? У вас сначала удаляется класс, которого еще не существует, а потом у нажатого , активизируется? Логично же должно быть так

$(this).addClass('active-link');
$('.menu ul li a').removeClass('active-link')

Почему не подсвечивается активное окно в вертикальной навигации?

Вадим, то есть блокировало не сам скролл, а действие, которое происходит при скролле?

Почему не подсвечивается активное окно в вертикальной навигации?

Вадим, но сам скролл происходил, просто не подсвечивалось активное окно

Почему не подсвечивается активное окно в вертикальной навигации?

Заработало! Спасибо! А чем overflow-x: hidden мешало и в чем связь с js?

Почему не подсвечивается активное окно в вертикальной навигации?

не понял, что вы имели ввиду про дойдёт до конца

Почему при загрузке страницы мелькает всплывающее окно?

WapSter, твой ответ про $('.popup').fadeOut() ясен, но не помог мне

Почему при загрузке страницы мелькает всплывающее окно?

WapSter, ты написал про $('.popup').fadeOut(),а дальше ты начал вести себя, как быдло

Почему при загрузке страницы мелькает всплывающее окно?

Изобретатель Дикпиков, Я проставил для .popup свойство display: none, причем с !important, а иначе он не хотел исчезать и прописал стандартные правила для всплывающего окна

$('.open-popup').click(function(event) {
        event.preventDefault();
      $('.popup').fadeIn();
      $('html').addClass('no-scroll')
    });
 
 
    $('.popup-close').click(function(event) {
         event.preventDefault();
      $('.popup').fadeOut();
      $('html').removeClass('no-scroll')
    });

Почему при загрузке страницы мелькает всплывающее окно?

WapSter, ты не ответил на мой вопрос, следовательно и отмечать нечего и выражайся подружелюбнее, умник

Почему при загрузке страницы мелькает всплывающее окно?

Так а как это исправить? display: none не помогло

Почему бургер меню не встает в полную высоту экрана?

Ankhena, так а зачем так выпендриваться то? Я задал вопрос, вы на меня тонну дерьма вылили, наверное, в надежде почувствовать себя лучше?

Почему бургер меню не встает в полную высоту экрана?

Ankhena, и впреть - если известен ответ на мой вопрос, то ок, если нет- то лучше промолчать

Почему бургер меню не встает в полную высоту экрана?

Ankhena, азы у меня есть и если я чего-то не знаю это не повод ставить себя в позицию выше меня и строчить пустые слова.

Почему бургер меню не встает в полную высоту экрана?

Ankhena, я воспользовался советом, но возникла другая проблема- так как в пункте Главная у меня есть подменю, то расчет затрагивает и его. Как сделать так чтобы расчет шел только по основным li и это не касалось подменю?

Как у меня




Как нужно

.menu>ul{
        display: flex;
        flex-direction: column;
        justify-content:  center;
        counter-reset: number 0;
    }


    .menu>ul li  {
        counter-increment: number;
        margin-bottom: 30px
    }

Почему бургер меню не встает в полную высоту экрана?

Дюша Метёлкин, и если не нравятся читать мои вопроса, то иди в другие темы. Мне нужны ответы, а не твои гнилые умозаключения

Почему бургер меню не встает в полную высоту экрана?

Ankhena, ну хоть один хороший совет

Почему бургер меню не встает в полную высоту экрана?

Дюша Метёлкин, тебя забыл спросить

Почему бургер меню не встает в полную высоту экрана?

потому что в адаптивном меню пункты с цифрами

https://www.figma.com/file/5H4KxRfSDOpqoOo3iNPDqc/...