Sub Menu Items

Hey FamalcoGroup,

Thank you for the inquiry.

You can use this css code to transfer the sub menu from to the right of the parent menu item.

#top .av-main-nav ul ul {
    left: 207px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Your site is not loading properly on my end, please see screenshot in private. Please let us know when we can see the problem which you are looking for help with.

Best regards,
Rikard

Hi,

Thanks for that. Please try this CSS instead:

#top .av-main-nav ul ul {
    left: 260px;
    top: -50px;
    border: none;
}

Best regards,
Rikard

Hi,

Thanks for the update. I don’t think there’s much more we can do with CSS when it comes to the screen size you are on unfortunately, maybe you could try moving the menu items with large sub menus higher up in the hierarchy?

Best regards,
Rikard

Hi,

You can try to add this CSS:

ul.sub-menu {
  overflow: scroll;
}

If that doesn’t work, then please try to rearrange the menu items.

Best regards,
Rikard

Hi,

We don’t have a solution for that unfortunately.

Best regards,
Rikard

Hi,

Yes, we’ll try to come up with a solution for that in a future release.

Best regards,
Rikard