Hi there,
so couple of edits to the Mega menu CSS:
Change:
nav .main-nav .mega-menu > ul {
position: absolute;
width: 100%;
left: 0 !important;
}
to:
nav .main-nav .mega-menu > ul {
position: absolute;
width: auto;
left: 0 !important;
display: grid;
grid-template-columns: 50% 50%;
}
And change:
nav .main-nav .mega-menu>ul>li {
display: inline-block;
width: 25%;
vertical-align: top;
}
to:
nav .main-nav .mega-menu>ul>li {
display: inline-block;
width: auto;
min-width: 250px; /* adjust this to suit */
vertical-align: top;
}