Mega Menu Dropdown Position

[stilemas]

Is there a way to adjust the Mega Menu Dropdown content area position - specifically where it is anchoring?

I have two Mega Menu Dropdown elements in my header and content areas are displaying in different positions. See images below:

Example 01

Example 02

If possible, I’d like them to both open to the right, like ‘Example 01’.

[friech]

Hi Tyler,

Regretfully, that is not possible natively, the dropdown will always show up directly below its toggle. You can reposition that but it will require customization which we do not provide here is the forum.

If you are unfamiliar with code and resolving potential conflicts, you may opt-in on our One service for further assistance.

Thank you for understanding,

[stilemas]

Thanks, @friech.

I did make some customization that seems to work and I’ll leave them here in case anyone needs them in the future:

Added a class to my dropdown (.nav-dropdown) and did the following CSS:

.nav-dropdown.x-dropdown{
left:0!important;
right:0!important;
margin-left:auto;
margin-right:auto;
}

This allowed me to position the the dropdowns in center of the screen, but it could controlled even more by modifying the ‘left’ and ‘right’ values.

[ruenel]

Hey Tyler,

It’s good to know that you have found a solution to your issue. Be advised that issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer. Implementing and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Best Regards.