MegaMenu alignment off page on larger screen

[wingeddesign]

The mega menu is changing alignment to be off the display/screen to the left at a larger size. How can I customize this to auto align center of the toggle instead of left/right?

RōBEX LLC: Industrial & Autonomous Mobile Robotics Integrator (Robex)

[tristup]

Hi @wingeddesign,

Thanks for reaching out.
Unfortunately, there is no such option to mention the position of the modal. It automatically adjusts its position depending on the screen size.

Thanks

[ablesonh]

Hey @wingeddesign

I found this solution from @stilemas

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 be controlled even more by modifying the ‘left’ and ‘right’ values.

It helped me with my menu as did the How to Build Mega Menu’s Youtube Video that Themeco did.

Hope it helps!

[tristup]

Hi @ablesonh,

Glad that you shared the solution.

Thanks