igumenov

Нужно дать css
if(menu.hasClass('open')){
$('html, body').css({
'position': 'fixed',
'height': '100%',
'width': '100%',
'overflow': 'hidden',
});

}else{
$('html, body').removeAttr('style');
}

потому что дочернему элементу нужно указать vertical-align: middle;

.fab{
    font-size: 40px;
    vertical-align: middle;
}

чтобы обмануть смещение нужно анимацией как бы все скрывать, а затем перестраивать и отображать
например
$('.item').fadeOut()
...
отсортировали..
$('.item').fadeIn()

Потому что каждый слайд рендерится сразу, а по свайпу просто происходит смещение позиции
как пример вот

по середине то что видим, остальные выше/ниже

https://codepen.io/tjvantoll/pen/JEKIu

.contact-helper{
display: flex;
margin-left: 30px;
align-items: stretch;
}

.col img {
width:100%;
height: 200px;
object-fit: cover;
}

нужно записать так:
table.active td { border: 1px solid #ccc; } и тогда будет работать

Примените выравнивание для враппера
что-то вида align-items: center;

Скорее всего там, где отображается файл стилей закеширован. Проверяй пути к файлам, смотри консоль

ошибка, ты скрываешь дочерний элемент burger_active по клику на ссылку
Ниже правильный кусок

$('.burger_active').hide();

$('#burg').on('click', function(){
	$('.burger_active').slideToggle();
})

$('.burger_item a').click(function(){
	$('.burger_active').slideUp(400);
})

idangero.us/swiper

.parent{
  position: relative;
  text-align: center;
  margin-top: 200px;
  border: 1px solid #000;
  padding-top: 200px;
  margin-bottom: 200px;
  overflow: hidden;
  height: 600px;
  
}
.lineika{
  position: absolute;
  top: 0px;
  left: 0;
}
.lebedka{
  position: fixed;
  left: 0;
  bottom: 0;
  
}

Только добавлением класса

Просто у каждого элемента бордер слева или справа

Height анимируется только если есть фиксированы размеры.
Height 0 вообще убрать
Нужно переделать так:

Ul li
Max-height: 0;

:hover
Max-height:99999px