Разметка плохо или совсем не работает на смартфонах?

Не имею возможности протестировать баг, однако могу порекомендовать стандартный подход при решении любых проблем - сначала получаем простую рабочую модель, затем ее усложняем. Итак:
Убрать все, оставить 1н смайлик (квадартик) для анимации, без каких-либо контейнеров и прочей мишуры.
Описать стартовое состояние объекта, прописав стартовую позицию тех параметров,которые планируется менять в анимации. Не использовать укороченный синтаксис типа translateY, записать в полном формате translate(x,y).
Если баг не повторится - обвешивать всей мишурой.

Почему неправильно генерирует ЧПУ битрикс?

Виталий Питаленко, Все также вертится вокруг компонентов,которые вызываются внутри комплексного. Нужно проверить какие параметры им приходят,на какоих конкретно компонентах происходит какой баг и дальше уже копать. Может проблема в компоненте,может в result_modifier.php, может вообще снести компоненты и поставить из свежего ядра и посмотреть ка будет

Почему неправильно генерирует ЧПУ битрикс?

Виталий Питаленко, т.е. если условно на тестовую страницу разместить системный news.list с точно-системным шаблоном там будут неправильные адреса, в админке в настройках инфоблока адреса точно стоят корректные, а в $arResult все-равно адреса неправильные? в таком случае вам придется обращаться в техподдержку,т.к. не работает базовый функционал

Почему неправильно генерирует ЧПУ битрикс?

Виталий Питаленко, не поняла ,что вы имели ввиду.
1. если символьные коды при переносе изменились вам придется их перезаполнить в автоматическом(написать скрипт) или ручном режиме(поштучно в админке)
2.магии не существует, вы пишете,что это не постоянная проблема,а в "некоторых местах". Нужно разгребать конкретно это место,где не так,вывести в шаблоне $arResult и посмотреть,что там лежит, проверить внутри компонента(прям в ядре,потом уберете),как происходит генерация адреса, корректны ли входные и выходные данные и дальше уже решать проблему. Но,скорее всего,раз проблема на одном и том же инфоблоке то встречается то нет,проблема все-таки на входных параметрах компонента. Попробуйте стереть все параметры,которые переопределяют адресацию,чтобы шаблон брался из инфоблока.

Как сверстать круг между блоками?

Сергей Т, ну, тут не угадаешь, может, их потом 3 будет. Пример все-таки абстрактный, блоки могкт быть на самом деле не 50% по ширине и пр.

Почему в Битрикс так себя ведет блок Услуги?

Shurik,
1.не знаю,надо смотреть на месте
2.в ядро лазить не надо, совсем, разве что смотреть код для понимания происходящего. В папке шаблона находятся файлы header и footer ( https://dev.1c-bitrix.ru/learning/course/?COURSE_I... ) . В них могут подключаться файлы (как уже раньше описывала) при помощи компонента включаемой области ( https://dev.1c-bitrix.ru/user_help/components/sluz..., https://dev.1c-bitrix.ru/learning/course/?COURSE_I...)

Не знаю просто архитектуру битрикса

- сочувствую, начинать знакомство с битриксом со сложного шаблона от стороннего разработчика довольно тяжело. Чаще всего после этого люди начинают ненавидеть битрикс в целом. Если есть возможность - найдите того, кто разбирается либо придется потратить довольно много времени, чтобы въехать.

Почему шрифт Montserrat некорректно отображается на сайте?

Попробуйте просто найти другой пак шрифта. Вот, например https://webfonts.pro/base-web-fonts/sans-serif-gro...

Где брать ссылки на элементы каталога в Bitrix?

В левом меню админки Контент->Инфоблоки->Типы инфоблоков->"нужный тип"->"нужный инфоблок"
В открывшемся окне справа правим генерацию адресов

Документация https://dev.1c-bitrix.ru/user_help/content/iblock/...
Тема для поиска - "Настройка ЧПУ"

Как сделать, чтобы работали все кнопки лайка?

Сергей Соколов, спасибо

Как сделать, чтобы работали все кнопки лайка?

Прошу прощения,я обратила внимание только на фразу ,что работает с одним,а с querySelectorAll не работает , соответственно в данном контексте ,если остальное работает по-умолчанию , то проблема с querySelectorAll решается при помощи цикла.

Ошибка при переносе сайта Bitrix, в чём проблема?

В первую очередь я бы грешила на то,что бэкап неполный и пересоздала бы его(включаем расширенный режим,проверяем исключаемые папки/типы данных).
Если проблема не решилась - проверила бы версию php и подключенные модули(в сравнении со старым хостингом).

Как сделать правильное dropdown меню?

Danya Wyse, "научиться" в верстке для многих : попробовать,получить шишки и выбрать что-то для себя, т.к. даже выровнять блок по вертикали можно минимум 5ю способами, хотя в идеале лучше знать все и пользоваться всеми в зависимости от ситуации. Наверняка найдется дизайнер или клиент, который все-равно придумает,как сделать твой "идеальный шаблон" не подходящим. Но это все лирика. Мой ,практически постоянный вариант такой(в качестве корневого тега можно использовать nav, если верстка семантичная и это меню навигации по сайту или странице):

<div class="menu">
	<div class="item"><a href="#" class="link">text</a></div>
	<div class="item"><a href="#" class="link">text</a></div>
	<div class="item"><a href="#" class="link">text</a></div>
</div>

либо двухуровневое

<div class="menu">
	<div class="item parent">
		<a href="#" class="link">text</a>
		<div class="sub">
			<div class="item"><a href="#" class="link">text</a></div>
			<div class="item"><a href="#" class="link">text</a></div>
			<div class="item"><a href="#" class="link">text</a></div>
		</div>
	</div>
	<div class="item"><a href="#" class="link">text</a></div>
	<div class="item"><a href="#" class="link">text</a></div>
	<div class="item parent">
		<a href="#" class="link">text</a>
		<div class="sub">
			<div class="item"><a href="#" class="link">text</a></div>
			<div class="item"><a href="#" class="link">text</a></div>
		</div>
	</div>
</div>

если уровней много + отображение в зависимости от уровня меняетя,лучше добавить еще классов

<div class="menu">
	<div class="item parent lvl1">
		<a href="#" class="link">text</a>
		<div class="sub">
			<div class="item lvl2"><a href="#" class="link">text</a></div>
			<div class="item lvl2"><a href="#" class="link">text</a></div>
			<div class="item lvl2 parent">
				<a href="#" class="link">text</a>
				<div class="sub">
					<div class="item lvl3"><a href="#" class="link">text</a></div>
					<div class="item lvl3"><a href="#" class="link">text</a></div>
				</div>
			</div>
		</div>
	</div>
	<div class="item lvl1"><a href="#" class="link">text</a></div>
	<div class="item lvl1"><a href="#" class="link">text</a></div>
	<div class="item parent lvl1">
		<a href="#" class="link">text</a>
		<div class="sub">
			<div class="item lvl2"><a href="#" class="link">text</a></div>
			<div class="item lvl2"><a href="#" class="link">text</a></div>
		</div>
	</div>
</div>

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

Как сделать правильное dropdown меню?

Антон Литвиненко, если хочется семантичности - надо использовать nav, а так это "просто так привыкли". Сначала навешиваем семантические теги с базовыми стилями,а потом героически эти стили сбрасываем.

Как сделать автоподмену всех ссылок в коде?

круглую скобку пропустила, сейчас поправила,но код не проверяла. Основное отличие от вашего исходного кода - проход по массиву полученных ссылок, вы сразу навешивали обработчик(в случае querySelectorAll),а так нельзя в случае чистого js

Как сделать автоподмену всех ссылок в коде?

let links=document.querySelectorAll('a');//находим все ссылки
for(var i = 0; i < links.length; i++) {//проходимся циклом
  links[i].addEventListener("click",function(e){//вешаем обработчик
    e.preventDefault()
    window.location.href = 'https://anotherLink.com';
 });
}

p.s. у меня такое ощущение,что я участвую в создании какой-то велосипедной вирусни...

Почему не сохраняются файлы в новой поддиректории?

Проверьте уровень прав на поддерикторию и владельца, на всякий

Как подгружать изображения по клику?

да, либо размещайте ссылки на картинки прямо в кнопке(атрибут вида data-) и генерируйте тег img по нажатию

Как грамотно сверстать адаптивную сетку этого блока?

Для этого нужно знать, а как оно должно выглядеть на других разрешениях, и потом уже принимать решение о стратегии

Как починить это меню?

для jsfiddle.net тепероь многим нужно врубать впн, попробуйте перейти на codepen.io

Как имитировать нажатие на кнопку?

Для начала стоит проверить через консоль,а нашлась ли кнопка