wadowad

Логика Файрфокса вроде понятна. Обновление ctrl+r это по сути обновление страницы без перезагрузки стилей и скриптов. Файрфокс просто помнит положение прокрутки и при обновлении оставляет прокрутку в том же месте, а прокрутку скрипта игнорирует.

Попробуйте добавить таймер. Не уверен, но может это решит проблему:

$(document).ready(function () {
  setTimeout(() => {
        // Handler for .ready() called.
        $('html, body').animate({
            scrollTop: $('#sd').offset().top - 250
        }, 'fast');
  }, 1);
});

Можно так:

$new_arr = array_diff($tel, array(0, null));
$first = current($new_arr);

Такие калькуляторы, как на картинке, обычно ничего не считают, а просто собирают данные. Т.е. это тупо форма обратной связи для выманивания телефона.

Решение в лоб: создаёте в теме home.php и копируете туда сгенерированный html страницы как есть из браузера (ctrl+U), переписывая пути к скриптам и стилям на нужные.

Если блок находится вверху и сразу виден при загрузке страницы, то просто назначьте этому блоку Вашу анимацию:

.my-class {
	animation-name: about-placing;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: backwards;
	animation-delay: 1s;
}

Если же блок находится внизу, то нужен js, чтобы присвоить класс, когда страница будет прокручена до него. Это легко пишется, например, на jquery.

P.S. Рекомендую анимирование margin'а заменить анимированием transform: translate - будет работать плавнее и быстрее.

Не по делу, но скажу по поводу вот этих красных полосок. Их лучше сделать псевдоэлементами ссылок, а не пунктов меню (сейчас всё равно, но раньше события hover у тега li не было). Не стоит анимировать высоту, такая анимация идёт скачками (тут не столь важно, но на больших областях анимация высоты ещё и более русорсоёмкая). Анимируйте свойство transform, конкретно scale-y или составное scale (можно вместе с opacity) - это будет работать плавнее.

На данный момент наверно только с помощью расширений https://tech-geek.ru/choose-sound-output-chrome-tab/

Кроме флексов и гридов можно по старинке - у контейнера с левыми блоками задать float: left.

У input type="number" можно задавать шаг https://developer.mozilla.org/ru/docs/Web/HTML/Ele... Возможно, этого будет достаточно.

Проблему со шрифтами можно решить без медиа запросов с помощью функции clamp https://developer.mozilla.org/ru/docs/Web/CSS/clamp

font-size: clamp(10px, 5vw, 16px);

Вот так второй перебор будет после первого:

$(xml).find("offer").each(function () { .... });

setTimeout(() => {
  $(xml).find("offer").each(function () { .... });
}, 1);

Удалите тег video на этих страницах.

За вывод записей отвечает конкретная тема, а не движок. Приводите код шаблонов темы.

Если это страница рубрики, то выложите код categories.php темы.

А нельзя подключить Contact Form 7?

Через такой таймер ajax не будет вызываться каждые три минуты ровно. Таймер со временем всё больше и больше будет запаздывать (либо вообще будет остановлен, если вкладка неактивна). Если момент с точностью критичен, нужно писать таймер иначе и отключать "засыпание" в браузере.

На абстрактный вопрос приведу абстрактный ответ на jquery. Может кому пригодится подсветка классом активного пункта первого уровня в меню при "человекопонятных" урл:

let url = location.href;

	if (url.slice(-1) == '/') url = url.slice(0, -1);
	$($('#menu').children().get().reverse()).each(function() {
		let link = $(this).children('a').first().attr('href');
		if (link.slice(-1) == '/') link = link.slice(0, -1);

		if (link && url.indexOf(link) === 0) {
			$(this).addClass('current');

			self.current = true;
		}
	});

Первый уровень:
ul.categories__list>li {}

Вложенный уровень:
ul.categories__list ul li {}

Про это вопрос?

Сверстайте sidebar сначала без поворота. Поменяйте значение у width и height местами. Затем поверните на 90 градусов против часовой стрелки с помощью transform: rotate. Позиционируйте центр поворота в нужное место с помощью transform-origin.