Problem: The client created two menus using Elementor for their website, one as a mega menu for desktop and another for tablet and mobile. While the menus displayed correctly in English, the tablet and mobile menu incorrectly showed the desktop menu style in Arabic. Solution: We advised the client to ensure that the Elementor header template was properly translated into Arabic. After verifying that the translation was not initially done, we sent the header template for translation via WPML > Translation Management. Once translated, the client was instructed to manually translate the AR menu by accessing https://colorfulrainbeauty.com/wp-admin/nav-menus.php?menu=109&lang=ar and adding Arabic text to the menu items. This resolved the issue, and the menus began displaying correctly in Arabic.
If this solution does not resolve your issue, or if it seems outdated or irrelevant to your case, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please do not hesitate to open a new support ticket at WPML support forum.
