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=25741&nci=5486
๐ The Pro Page Builder: https://be.elementor.com/visit/?bta=25741&nci=5383
Need 1-2-1 Support: https://learn.websquadron.co.uk/#support
Join our Facebook Group: https://www.facebook.com/groups/websquadron
Get Code Snippets Pro: https://r.freemius.com/10565/3304295/
