Docs

[knowmates]

Hi there,

we have a mega menu configured in x theme which contains some submenus with submenus inside.

eg: Menu->Submenu->Sub_Submenu1,Sub_Submenu2,Sub_Submenu3 and so on.

The sub_submenus open now on the left side of the submenus (screenshot attached).

Is there a possibility that the sub_submenu opens under the submenu dynamically so the size of the whole mega menu adjusts to the right size?

Would be glad if you can help us here. Many thanks!

[knowmates]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {    
    right: auto;
    position: Static;
}

Hope that helps.

[knowmates]

Hi there,

yeah that helped a bit but the problem now is that the menu “jumps” when we hover another link in the menu. Isn’t there a possibility where all is dynamic so the height of the menu changes when hovering the different links?

Many thanks you’re great!

[Paul R]

Hi,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[knowmates]

Hi there,

I only want a flyout down when hovering the submenu items which have sub_submenu items. When the submenu items are not hovered than there should be no flyout.

Hope that helps 🙂

Thank you so much!

[Lely]

Hi There,

That is exactly what is happening right now. When you hovered on a submenu, it shows third layer submenu. Then it hides again once you’re not hovering anymore. Can you clarify what you meant by flyout?

[Author]

Posts