Pr0grammer

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

Вот здесь найдешь полезные ответы https://qna.habr.com/q/812917. Текст в родителе меняется скриптом основываясь на какой то зависимости, например наличия в url /ua или /en если речь идет о простом html сайте.

Это не select, а несколько div и скрытый select. Манипуляция с div отражается на select.

select очень плохо стилизуется, надо делать свой кастомный select на js

https://developer.mozilla.org/ru/docs/Web/API/Hist...

Я использую CyrToLat

Подключили вы стили, а в контейнере у вас, возможно, должен быть слайдер.

Подключать нужно на хуке wp_enqueue_scripts в файле functions.php

add_action( 'wp_enqueue_scripts', 'custom_scripts' );
function custom_scripts() {
	wp_enqueue_style('bootstrap-min', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css', array(), null);
}

SVG + CSS


SVG иконки можно найти здесь
https://www.flaticon.com

Потому что по умолчанию для свойства align-items выставлено значение stretch
, которое означает что дочерние элементы flex-контейнера заполняют всю его высоту.

Укажите для flex-контейнера свойство align-items с любым другим значением (flex-start, center, flex-end) и будет вам нулевая высота

Что этот код делает? Зачем он ссылается на несущетсвующий сайт?


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

Проблема в кэше. Других причин нет.

У вас целых четыре варианта решения проблемы.

1. Сесть и самому отрисовать (срисовать). Дизайн довольно простой, справиться можно.

2. Обратиться напрямую к владельцам сайта https://inovatik.com/index.html и договориться с ними о приобретении шаблона. Если шаблон вообще существует. Просто выглядит как набор клипартов. Могли тупо сверстать из ассетов, без макета.

3. Поискать в поисковике по картинкам. По имени сайта, по текстам из шаблона, по скриншоту страницы.

4. Сидеть и ждать, что сюда случайно заглянет кто-то, кто имел дело именно с этим шаблоном.

Первый самый простой и дешевый. Картинки, параметры цвета и шрифтов можно подсмотреть прямо в live-preview.

Второй несколько замороченнее, и не даст 100-процентного положительного результата.

Третий и четвертый имеют все шансы потратить огромную кучу времени без какого-либо результата.

Это теперь так отображаются flex box'ы

justify-content: space-around; Равномерно распределяет все элементы по ширине flex-блока. Все элементы имеют полноразмерное пространство

Так текст уходит в низ, потому что над текстом фотография.
Задайте блоку header__balanc тоже дисплей флекс, чтоб текст и фото были в ряд

nav не исчезает, а получает значение по умолчанию flex-grow: 0

Учите английский. Все эти названия тупо значат то чем они являются. Просто забейте в переводчик.
вот вам для начала
https://material.io/components?platform=web
еще от мелкомягких
https://developer.microsoft.com/ru-ru/fluentui#/co...

На самом деле их куча этих руководств