Вертикальное мегаменю — Elementor Pro CSS

Описание: Ограничением виджета Mega Menu в Elementor Pro является невозможность сделать его вертикальным.

Теперь это возможно!

CSS-код для меню внутри контейнера шириной 700 пикселей:
.vertical-menu .e-n-menu-heading {
display: flex;
flex-direction: column;
height: 150px;
background-color: transparent;}

.vertical-menu .e-n-menu-title {width:150px;}

.vertical-menu .e-con-inner {
margin-top: -150px;
max-width: 482px;}

CSS-код для меню внутри контейнера полной ширины:
.vertical-menu2 .e-n-menu-heading {
display: flex;
flex-direction: column;
высота: 150 пикселей;
цвет фона: прозрачный;}

.vertical-menu2 .elementor-element.e-con-full.e-flex.e-con.e-child.e-active {margin-top: -150 пикселей;
margin-left: 160px;}

Пройдите наш курс по созданию сайтов на Elementor: https://learn.websquadron.co.uk

👉 Приобретите наши бизнес-пакеты за $1: https://learn.websquadron.co.uk/#packs
👉 Хостинг на WordPress: https://be.elementor.com/visit/?bta=2...
👉 Профессиональный конструктор страниц: https://be.elementor.com/visit/?bta=2...

Нужна личная поддержка: https://learn.websquadron.co.uk/#support

Присоединяйтесь к нашей группе в Facebook:   / websquadron  
Получить Code Snippets Pro: https://r.freemius.com/10565/3304295/