Overflow on right using mega menu full width

Hi @hikom,
Hope you are doing well.

I can understand the problem you are having with. This could be solved easily by applying some CSS. Please copy the CSS code mentioned below and add it to Appearance > Customize > Additional CSS section.

.elementor-widget-ekit-nav-menu .elementskit-dropdown-menu-full_width .elementskit-megamenu-panel {
    overflow-x: clip !important;
}

I have checked by applying the same CSS on your site and it works properly. But the Megamenu is not the only thing that is creating overflow on your site. The Section Wrapper class of Elementor(https://d.pr/i/8lnzyF) is getting a width somehow and for that reason, a horizontal scroll is still showing even after applying the proper CSS code. After applying the CSS code mentioned above you can check.

This issue also gets solved by using limiting the overflow of the Elementor Section wrapper class. But, since it is a global class defined by Elementor, It is recommended to check what is causing the issue first. It may be happening due to theme or plugin conflict. Check by switching themes and disabling plugins except for Elementor and Elementskit.

Let me know your finding and if that CSS helps.

Best Regards,
Prosenjit

Hey @hikom ,

We haven’t received any response from you since the last reply. Has your issue been fixed yet? Let us know the update.

Regards,
Benjir

Hey Ahmed,
thanks for help,

It works fine,

kind regards,

Cyrille

Hey @hikom ,

Glad to hear that your problem has been solved ??

If this plugin looks good to you and our support team, maybe you can help us by giving a 5 star on www.ads-software.com?

– https://www.ads-software.com/support/plugin/elementskit-lite/reviews/

?We’re working so hard to make this plugin more and more useful to our valuable users like you and a 5 star will really help us to grow on the market ??

Best Regards,
Prosenjit