Андрей Федоров

Может быть принято за кликджекинг...
Сделайте так:

<div onmousedown="javascript:location.replace('<ваша ссылка>');"></div>

минусы:
1. Не индексируется ПС, ну или как минимум плохо индексируется.
2. Не сохраняет в истории страниц текущую страницу. Чтобы работала кнопка "назад" в браузере, нужно усложнить js-код.

Внутренюю ссылку размещаем так:

<div onmousedown="javascript:location.replace('<ваша ссылка>');">
  <a href="#" onclick="javascript:event.stopPropagation();">вторая ссылка</a>
</div>

У вас flex-box для .header__navbar отменяется медиа-заросом media screen and (max-width: 767px). Может в этом дело?

id может быть только один на страницу. отсюда все ваши сложности.

блокнот... карандаш...

Кросбраузерность конечно важная вещь. Но flex поддерживается довольно широко, особенно если использовать автопрефиксер...

codepen.io/aliencash/pen/VeGbjV

Вы неверно вопрос сформулировали - загрузка элементов и их сокрытие/перемещение - это разные вещи. Если нужно только скрыть/переместить - вам правильно говорят - медиа-запросы.

Перемещать можно по разному:
1. дать блокам display: inline-block - на больших разрешениях блоки будут в строчку, на малых - в столбик.
2. flex-box. с помощью order можно указать порядок следования блоков и поменять его в зависимости от разрешения.

Скрыть блок, но оставить под него место - visibility: hidden, скрыть блок и не выделять под него место display: none

codepen.io/aliencash/pen/gPKQax

Что бы подставлять данные в эту форму, нужно чтобы сервер ее "слушал", принимал GET/POST параметры, XML или JSON. Если такое не реализовано ничего вы не сделаете. Понять есть ли такая возможность можно из документации к сервису - https://tech.yandex.ru/money/?_openstat=template%3...

У вас маркер точно по центру сделан. И у блока где эта картинка задана бэкграундом есть inline-css - background-position: 0 0;
Поменяйте на background-position: 50% 0; и тогда размер экрана не будет влиять на число под маркером.

Дайте блоку с рекламой вот такие свойства:

.ad {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

Все, разобрался. Оказалось просто опечатки.

<ul>
<li title="описание подменю (поддерживает тег переноса строки br">подменю
</ul>

Наведите и задержите мышь на подменю.

Дайте ячейке:

white-space: nowrap;
max-width: 70px;