Warlynn

Отсутствует закрывающий тег </a>:

<li class="footer-menu_item"><a href="#">Частые вопросы</li>

pagination: {
					el: '.swiper-counter',
					type: 'fraction',
					clickable: true,
					renderFraction: function (currentClass, totalClass) {
						return '<span class="' + currentClass + '"></span>' + ' <small>/ ' + '<span class="' + totalClass + '"></span></small>';
					}
				},

У вас "открывается-закрывается", когда Вы нажимаете на input, а не на label, который относится к этому input. Если нажмёте точно на label "дата", то все работает корректно.

В swiper.js есть опция coverflow, а затем можно править значение depth.

Попробуйте этот сервис

Не дописал вывод самого виджета, добавил "return $instance;", теперь работает:

function wph_hide_widgets($instance, $widget, $args) {
	if ($widget->id_base == 'nav_menu') { 
		if (!is_page(array('products','nashi-sertificaty'))) {return false;}
    }
	return $instance;
}
add_action('widget_display_callback', 'wph_hide_widgets', 10, 3);

Сам разработчик предложил такое решение:

добавить кастомный класс ".after-search" и применить стили:

.main-navigation ul {
display: flex;
justify-content: center;
}
.main-navigation .main-nav ul li.after-search {
order: 1;
}

Это сработало.
Спасибо всем за участие!

Не уверен, что правильно Вас понял, но попробуйте задать высоту другом классу - .navbar-nav и затем примените медиазапрос, чтобы эта высота была только на мобильных устройствах.