Vertical Mega Menu - Elementor Pro CSS

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: https://learn.websquadron.co.uk

👉 Grab our $1 Business Packs: https://learn.websquadron.co.uk/#packs
👉 WordPress Hosting: https://be.elementor.com/visit/?bta=2...
👉 The Pro Page Builder: https://be.elementor.com/visit/?bta=2...

Need 1-2-1 Support: https://learn.websquadron.co.uk/#support

Join our Facebook Group:   / websquadron  
Get Code Snippets Pro: https://r.freemius.com/10565/3304295/