Dubrovin

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

Используйте .querySelector вместо .getElementsByTagName
И в качестве селектора указывайте что-то вроде 'a[data-text="Первый блок"]'

БЭМ - это не про CSS.
по БЭМ у вас темпплейт компонента (блока), например в PHP, должен лежать в одной папке с CSS/JS компонента. И вы могли этот код использовать повторно в других компонентах, динамически создавать и удалять эти компоненты на странице и так далее. Ключевая идея здесь: исключить дублирование кода на всех уровнях приложения.

Как по мне, так лучше использовать mutation observer и следить за компонентами динамически.

Рекомендую к прочтению статью на сайте Ильи Кантора: https://learn.javascript.ru/drag-and-drop-objects