[Nicola KParticipant]

Hi X,

We’re building a new version of our site, and would like to use a vertical accordion menu (like the one that Seven Spark uses on its site here: http://sevenspark.com/docs/ubermenu-3/content) such that the submenu can be opened and closed in the vertical menu. At the moment, we can only get the submenu to flyout, regardless of which settings we try in both individual menu item and global UberMenu settings.

Ideally, we’d like to be able to use MegaMenu for the submenus so that we can add some widgets to the submenu items, but getting the accordion part right is our first priority.

After reading the forum, we tried adding this custom CSS code, but it didn’t seem to change anything:
.desktop .x-nav .x-megamenu>.sub-menu>li {
float: none;
border:0;
}

Any chance that you could point us in the right direction as to what we might be doing wrong?

Thanks in advance for your wisdom!

[Nicola KParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

Thanks for writing in.

Little confuse of the customization because upon checking your setup, could not see any megamenus which you used in the custom CSS.

I have tried to edit the CSS however it is quite a complicated customization. It would be best to contact a custom developer regarding this customization.

I could share some of the class that could be used in editing it or customizing your menu.

.ubermenu .ubermenu-nav

.ubermenu-vertical .ubermenu-item.ubermenu-relative

.ubermenu .ubermenu-item-layout-icon_left>.ubermenu-target-title

.ubermenu .ubermenu-target-text

.ubermenu a.ubermenu-target, .ubermenu-trigger-click .ubermenu-has-submenu-drop>.ubermenu-target

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega

Hope it helps.

Let us know how it goes.

Thanks.

[Nicola KParticipant]

Many thanks for your help. We took the custom CSS code back out as it wasn’t helping, which is why you don’t see it! We’ll try with th classes that you suggest. Thanks again.

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts