Why does the mega-style menu always have 4 columns?

[lbdesign]

This subsection of the menu only has 2 main topics, yet the dropdown menu leaves room for 2 more columns, so it’s got a blank area and looks unbalanced. Is there a way to only display as many menu columns as necessary?

http://www.learnfromyourlife.com/im2/for-patients/appointments

thanks
–Lee

[lbdesign]

I read the docs and found the hidden CSS class to control the # of columns. But this dropdown at 3 columns is too wide. I chose “Natural width”, which I thought was meant to make it narrower to suit the # of columns?

http://www.learnfromyourlife.com/im2/medical-services

[lbdesign]

example

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Can you please test this CSS, if you want a natural width that is:

nav.mega-menu li .sub-container {
    width: auto!important;
}

nav.mega-menu li .mega .sub, nav.mega-menu li .mega .sub > .row {
    width: auto!important;
}

nav.mega-menu li.sf-mega-menu-3col .sub li.mega-hdr {
    width: auto!important;
}

Thanks.