Mega Menu Columns

[lauries]

Hi,

Please see attached images:

1) What is the ‘Custom HTML Column Width’ I should input in this box to make a column slightly wider?

2) How can I make the 6th column align with the other 5 columns in the mega menu?

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi lauries,

1) This allows you to make the custom HTML column a certain width (in px) so if you wanted it to be 400px wide, you’d enter ‘400’.

2) Add this Custom CSS:

li.sf-menu-item-html {
    padding: 0 20px;
}
li.menu-item.sf-mega-menu>ul.sub-menu>li.menu-item.sf-menu-item-html>a {
padding: 10px 0;
}

Thanks,

– Ed

[lauries]

This reply has been marked as private.

[David Martin – Support]

Hi,

You need to enable the Mega Menu on the parent menu item:

[lauries]

Hi,
Thanks but I don’t believe that is the issue. I’m having problems saving my Mega Menu (I’ve addressed this in another post) which is why the one you noted does not have ‘Enable Mega Menu’ checked. However, I do have other Mega Menus that are operating correctly (I’ve attached an example). See how the column containing the image does not align with the other columns? Thanks again. 🙂

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

li.menu-item.sf-mega-menu>ul.sub-menu>li.menu-item.sf-menu-item-html>a {
    padding: 0 0 30px 0;
    margin: 10px 0 0 0;
}

[lauries]

Thanks David this worked!

[David Martin – Support]

Very glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

Thanks,
David