Стандартное меню тильды — блок МЕ201
«Меню с логотипом слева, ссылки на страницы справа»
Бывает нужно добавить в список меню номер телефона или кнопку, и что бы на мобильном версии телефон был по центру экрана
Инструкция
- 1
Добавляем блок меню МЕ 201 на страницу
- 2
Контент → список пунктов меню → добавляем телефон
- 3
Настройки → настройки мобильной версии
Проставляем галочку → Показывать «гамбургер» в мобильной версии
Проставляем галочку → Располагать логотип в шапке меню в мобильной версии
Копируем Block IB,он нужен для вставки в код - 4
Добавляем блок Т123
Контент → вставляем код
В коде меняем ID (копировали на прошлом шаге)
Код для вставки
<!--https://atilda.ru/phone-center-->
<style>
@media only screen and (max-width: 980px) {
/*укажите свой ID блока меню*/
#rec800497314 .t456__list_item:last-child a.t-menu__link-item {
display: none;
}
.t456__leftwrapper {
display: none;
}
}
.mob-center {
display: block !important;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
}
</style>
<script>
const phone = document.querySelector(
// укажите свой ID блока меню
#rec800497314 .t456__list_item:last-child
);
const phoneClone = phone.cloneNode(true);
const phoneLinkMobile = phoneClone.querySelector('.t-menu__link-item');
if (phoneLinkMobile) {
phoneLinkMobile.classList.add('mob-center');
}
const menuMobile = document.querySelector(".tmenu-mobile__container");
menuMobile.append(phoneClone);
</script>
