Mega Menu bottom row below columns

[Swift Ideas – Ed]

1) Only thing I can suggest is trying to override with css:

nav.mega-menu ul.menu > li.menu-item:hover > .mega > .sub {
    display: block!important;
}

2) That isn’t what I was referring to, you’d need this css:

.header-6 .container {
    width: 100%;
}
.header-6 nav.mega-menu li .sub-container {
    left: 0!important;
    width: 100%!important;
}
nav.mega-menu li .mega .sub, nav.mega-menu li .mega .sub > .row {
    width: 100%!important;
}

That should sort it.

– Ed

[Jackcoldrick]

Hi Guys,

Just to let you know I managed to implement this in the following way, for anyone who might be trying to achieve something similar:

1. Create your Mega Menu
2. Add a Custom Link to the Menu
3. Assign it a class in the “CSS Classes” option
4. Add following CSS:

.testmenu.menu-item.menu-item-type-custom.menu-item-object-custom.mega-unit.mega-hdr.last {
width: 100%;
max-height: 50px;
}

That worked for me. I can then input any custom HTML I would like into the Menu as well from the “Custom HTML” Option.

[Kyle – SUPPORT]

Ok great