Shine_97

$('#second-check').change(function() {
  const href = $(this).prop('checked') ? 
    'https://google.com/' :
    'https://youtube.com/';
  
  $('a').attr('href', href);
});

При клике вы для .header__list запускаете метод slideToggle(), который присваивает ему style="display: none", поэтому и не отображается. Следовательно, в вашем случае, нужно убирать атрибут style при ширине больше 740px.

Можно использовать :checked
Пример: https://jsfiddle.net/huknxpf2/

PS Для того, чтобы IE нормально работал при нажатии, label должен находиться по соседству (sibling) с checkbox.

.slick-dots button {
font-size:0;
padding:0;
}
.slick-dots li:nth-child(1) button {
width:8px;
height:8px;
}
.slick-dots li:nth-child(2) button {
width:6px;
height:6px;
}
.slick-dots li:nth-child(3) button {
width:4px;
height:4px;
}

Проблема с стилями для выпадающих меню. Добавьте стиль

.dropdown .nav__menu-item-active::after {
    bottom: 0px;
}

Для подсветки родительской

.current_page_ancestor > a::after, .nav__menu-item-active::after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -22px;
    background-color: #dd482d;
}