A limitation of the Mega Menu widget inside Elementor Pro is that you can't set it to be Vertical.

Now you can!

CSS Code for a Menu inside a 700px Boxed Width Container:
.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 Code for a Menu inside a Full Width Container:
.vertical-menu2 .e-n-menu-heading {
display: flex;
flex-direction: column;
height: 150px;
background-color: transparent;}

.vertical-menu2 .elementor-element.e-con-full.e-flex.e-con.e-child.e-active {margin-top: -150px;
margin-left: 160px;}


Get our Elementor Website Course: [ Ссылка ]

👉 Grab our $1 Business Packs: [ Ссылка ]
👉 WordPress Hosting: [ Ссылка ]
👉 The Pro Page Builder: [ Ссылка ]

Need 1-2-1 Support: [ Ссылка ]

Join our Facebook Group: [ Ссылка ]
Get Code Snippets Pro: [ Ссылка ]

свернуть