Mega menu alignment

Hi,

I noticed that the mega menu is not aligned properly with the categories menu.
How can I align properly?

https://ibb.co/nsmQ4Z2V

Thank you

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the value as per your requirement to align it.

@media (min-width: 800px) and (max-width: 1280px) {
    .wd-event-hover:hover > .wd-dropdown, 
    .wd-event-click.wd-opened > .wd-dropdown, 
    .wd-dropdown.wd-opened {
        margin-left: calc(var(--nav-gap, .0441px) / 2 * -2);
    }
}

Best Regards,

Hi,

Thank you for your help however is not working:

https://ibb.co/hvy87vB

Menu still is slightly left comparing the category menu

Hello,

Now I have checked your site and have not seen the mega menu on your site. Please try to change the “-2” value in the code and check the issue.

If the issue remains, share the WP logins details so I can further check on your site and give you a possible solution.

Best Regards.

Hi,
I already added the above CSS and is not working.

Please hover over Shop from the menu and take a look on the left and right margins.

https://streamable.com/herwxi

Piotr

Hello,

I have checked your site, and the mega menu appears to be aligned correctly on my end.

See the Screenshot for clarification: https://ibb.co/1fbn00Lm

Could you please share the screen size (resolution) where the issue persists? Also, share the WP admin login details so I can further check your site and give you a possible solution.

Best Regards,

Hi,

Yes, it is.

I used -10 (margin-left: calc(var(–nav-gap, .0441px) / 2 * -10); and clear cache

Thank you so much.
Please close this ticket
Piotr

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts