Always show submenus

[sst_wue]

Continuing the discussion from What to do to display the submenu always?:

Hi there,

I have tried to use the suggested CSS and changed the menu-name, but it does not work. I still have to use the trigger to see the submenus. Where is my mistake? See www.eszm.de/testseite

ul#menu-foerderverein .sub-menu {
height: auto !important;
display: block;
}

.hm9.x-bar-container {overflow-y: auto;overflow-x:hidden;}

Thanks for your help

[jade]

Hi there,

Are you trying to have all the submenus on your site display by default? You site have several submenus and having them show up always would result to this:

In case you still want them displayed, try adding this code to the Global JS:

jQuery('.ubermenu-nav .ubermenu-item-has-children').addClass('ubermenu-active');

Hope this helps.

[sst_wue]

sorry - I meant the collapsed sidemenu on the left side…

[nico]

Hi @sst-wue,

Use this code below:

.e1971-23.x-menu .sub-menu {
    display:block;
}

Let us know how it goes.

Thanks.

[sst_wue]

works great - thanks a lot!

Could you please explain where “.e1971-23.x-menu” comes from?

[paul.r]

HI,

That is the class name of your of that specific menu item.

You will be able to get that using chrome inspect element.

Thanks

[sst_wue]

Thank you.

And is there a way to have it work for all collapsed menus without adressing each menu?

[basanta]

Hi There,

You can modify the CSS to this.

.x-menu-collapsed li.menu-item-has-children .sub-menu {
display:block;
}

It will affect to all menus.

Thanks

[sst_wue]

Thanks a lot. Great support!

[rad]

You’re most welcome! Glad we could help

[sst_wue]

Sorry guys, another issue in this context.

Now, that I can see all submenus with your provided CSS, I don´t need the sub indicator anymore. But when I turn it off (enable: off), the top menu items only act as a sub menu trigger and not as a link to the submenu page - although I have submenu trigger turned to “sub indicator” and not to “anchor”.

See again: https://www.eszm.de/testseite/

Is there a way to get rid of the sub indicator but at the same time have the top links act as a link and not as a trigger?

Thanks for helping!

[basanta]

Hi There,

You can hide the sub indication through CSS instead of disabling it.
Just enable it and add this CSS to your theme option -> Global CSS

.x-menu-collapsed li.menu-item-has-children a i {
display:none !important;
}

Hope this helps!

[sst_wue]

Thanks, that helped!

Maybe there is a way to implement this function to the navigation collapsed options - or am I the only one, who likes to see all submenus at first sight?

[rad]

Hi @sst-wue,

You’re most welcome!

Do you mean the header menu? I don’t see other menus than the collapse menu on the side where the CSS is already applied.

Thanks!