Dropdown alignment issue

Hi legendary,

I’m not too sure what end result you’re looking for – is it to have fixed width sub menus, but each one offset (say 200px) from the left edge of the parent menu item? That will require a lot of custom CSS because the offset will need to be different for each of the menu items.

Can I just check you don’t want each sub menu to be 100% wide (like the demo on maxmegamenu.com)? If you want that please set the Panel Width in the theme editor to 100%.

If you want a fixed width panel, but without the offset, set the Panel Width to a pixel based value (eg 700px). Then, for the menu items on the right hand side of the menu, edit the parent menu item and set “Sub Menu Align” to “Right” – this will stop those sub menu’s disappearing off the right hand edge of the page, and will instead send them ‘inwards’.

Regards,
Tom

No, I want all the sub-menus width to be the same.

Here’s an image example:
https://i.imgur.com/gcl9eWA.jpg

As you can see, for each of the menu header you hover over, the sub menus all align differently. Some of the sub menus will keep going to the right edge of the page.

My Panel Width right now is set to Panel Width. But where can I find the “Sub Menu Align” so I can set it to “Right”?

Sorry.. and yes I want the sub menus to drop down like the demo.

Hi Lejendary,

To make the sub menus like the demo (so each sub menu goes edge to edge of the menu itself), edit the Menu Theme and set the Panel Width to 100% – no other configuration is needed (you’ll also need to remove your custom CSS).

Using 100% instead of a pixel width (like you have at the moment) has it’s benefits: you won’t lose the menu’s off the side of the page, and it will naturally be responsive and fit to wider or narrower screens.

Regards,
Tom

Thank you so much, that fixed it.