Pavstyuk

-webkit-tap-highlight-color: transparent;

Решил вопрос следующим образом.
При регистрации кастомного типа поста, который будет играть роль потомка, нужно указать 'hierarchical' => false в функции register_post_type(). А у родителя наоборот должно быть: 'hierarchical' => true.
Когда true и там и там - не работает.
Такие дела, может кому-то пригодиться.

position: sticky;
top: 0; /* Нужно число px или других единиц от верха вьюпорта */

По изучайте внимательно position: sticky, там есть тонкости.

Там же видно, что это Owl Carousel, о такой, к стати, я не знал. Но также можно сделать то же самое с помощью swiper.js, тоже мощный инструмент.

Если речь идет о слайдере, сразу смотрю в сторону swiperjs.com. Очень мощный, удобный инструмент. Но у вас там не просто слайдер, но и плиточки из фото. Какое в этом случае поведение подразумевается, можно только догадываться.

Запустите LiveUSB и станет понятно работает датчик отпечатка пальца или нет. Обычно перед покупкой ноутбука нужно все протестировать таким образом, а потом спокойно покупать ноутбук без ОС.

Wordpress поддерживает из коробки webp. Аж с версии 5.8, если не ошибаюсь. У вас какая версия?

Swiper Slider

Плавно менять width и height практически не получится, т.к. от их размеров зависит контент всей страницы. Браузеру приходится пересчитывать все остальные элементы в зависимости от параметров текущего.
Как вариант, если элементу задать абсолютное или фиксированное позиционирование анимация становится плавнее, т.к. элемент выпадает из общего контекста страницы. Попробуйте. Также используйте свойство will-change иногда это может помочь. Но лучше transform для анимации не найти.

Первое что бросилось в глаза. Вы жестко ограничиваете ширину контэйнера:

.container {
  margin: 0 auto;
  width: 1150px;
}

Попробуйте так, должно стать гораздо лучше:

.container {
  margin: 0 auto;
  max-width: 1150px;
  width: 100%;
}

Далее вместо:

.blog_wrapper {
  display: flex;
}

Добавьте перенос:

.blog_wrapper {
  display: flex;
  flex-wrap: wrap;
}

Это же касается всех остальных блоков, где вы используете display: flex.

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;

Попробуйте прописать это набор свойств для ссылок.

Для группового переименования ссылок и во всех HTML страницах и прочей групповой редакции я использовал редактор Brackets по мне так очень удобный. Делает поиск и замену во всех файлах. Работал так с многостраничным сайтом более 130 отдельных HTML страниц. Все работает. Муторно, конечно, но работает. Жаль, но Brackets перестали разрабатывать.

span {
    position: absolute;
    display: block;
    margin: 0 0 0 8px;
    transition: all 0.4s;
    background: #fff;
    top: 0;
    left: 8px;
    height: 10px;
    padding: 0 10px;
    color: #454545;
    opacity: 0;
}
label  input:focus + span {
    opacity: 1;
    margin: -45px 0 0 8px;
}

'target' => '_blank'
Пробовали?