Submenu Questions – Mega Menu

[Josh3roush]

Hey,

Once again thanks for all your support thus far.

I can’t find the last question I submitted to you about the full page mega-menu but just wanted to let you know it worked.

In terms of the submenu I just have three questions for you:

1. Can you provide us with css to change the submenu height (we would like it to be 48 pixels high)
2. Is there a way we can evenly space the submenu contents (ie page names) and center them (Please see screenshot for what I mean)
3. Also, under markets (main menu) if you hover over it, you will see that the water, wastewater, etc. is being cut off is there a way we can fix that. (see screenshot)

Thanks and happy friday:)

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

1) Add this custom css:

li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title {
margin: 1px 20px 0;
}

2) You can try this, but it may have issues with responsiveness:

li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > li {
width: auto;
}

3) You can’t have 2 + 3 together, it would be an either/or situation. If you’d like them evenly spaced, you would use:

li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > li {
text-align: center;
}

Hope that helps!

– Ed