Инструкция
(скрыть)
  1. Добавь на страницу блок с меню ME201 и в настройках задай ему класс uc-main--menu.
  2. Задай нужные настройки блоку: шрифт, размер шрифта, цвет и т.д.
  3. В контенте добавь пункты и меню второго уровня.
  4. Задай свои значения в коде (это можно сделать прямо на этой странице, тыкнув на код):
--hover-height: 40px;  // Высота кнопки при наведении на пункт меню
--left-and-right-padding: 30px;  // Отступы по бокам внутри кнопки
--radius: 20px; // Радиус скругления кнопки и выпадающего меню
/*Наведение*/
--hover-background: #FFFFFF; // Фоновый цвет кнопки при наведении
--hover-color: #000000; // Цвет текста при наведении
/*Пункт меню с выпадающим меню*/
--background-color: #FFFFFF; // Фоновый цвет пункта с выпадающим меню при наведении
--active-color: #000000; // Цвет пункта при наведении
--border-color: #000000; // Цвет обводки выпадающего меню

5. Добавь код в блок T123.
6. Если эффект не будет работать — скинь мне ссылку на страницу.
<!-- Code by Fedyaeva -->
<style>
    :root {
        --hover-height: 40px;
        --left-and-right-padding: 30px;
        --radius: 20px;
        /*Наведение*/
        --hover-background: #FFFFFF;
        --hover-color: #000000;
        /*Пункт меню с выпадающим меню*/
        --background-color: #FFFFFF;
        --active-color: #000000;
        --border-color: #000000;
    }
    @media screen and (min-width:1100px){.uc-main--menu .t-menusub__menu_bottom:after{display: none;}.uc-main--menu .t456__list{display:flex;justify-content:center;align-items:stretch;height:100%}.uc-main--menu .t456__list_item{display:flex;align-items:center;position:relative}.uc-main--menu .t-menu__link-item{display:flex;align-items:center;height:var(--hover-height);padding:0 var(--left-and-right-padding);border-radius:var(--radius);transition:all 0.3s ease}.uc-main--menu .t-menu__link-item:hover{background-color:var(--hover-background);color:var(--hover-color)!important}.uc-main--menu .li_active{background-color:var(--background-color)!important;color:var(--active-color)!important}.uc-main--menu .li_active .t-menu__link-item{color:var(--active-color)!important}.uc-main--menu .t-menusub__menu{width:101%;justify-content:center;max-width:101%;box-sizing:border-box;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);top:99%!important;left:0!important;box-shadow:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.uc-main--menu .t-menusub__menu_bottom:before{opacity:0}}
</style>
<script>
document.addEventListener('DOMContentLoaded',()=>{let l=document.querySelectorAll('.t456__list_item');l.forEach(e=>{e.addEventListener('mouseenter',()=>{if(e.querySelector('.t-menusub'))e.classList.add('li_active')});e.addEventListener('mouseleave',()=>{setTimeout(()=>{e.classList.remove('li_active')},400)})})})
</script>
Made on
Tilda