Main menu issues with WPML and Essentials Theme

This thread is resolved. Here is a description of the problem and solution.

Problem:
1. The English menu is misaligned and appears at the top of the slider, differing from the Arabic menu format.
2. The mega menu in English is incorrectly extended across the full main menu.

Solution:
For the menu alignment issue, we have resolved it for you. Regarding the mega menu width problem, it is related to the theme's styling. To correct this, you can apply the following custom CSS code by navigating to WP > Appearance > Customize > Additional CSS:

.submenu-box.bg-white.overflow-hidden2 {max-width:600px;}

Please note that this solution may become outdated or might not apply to your case. If the issue persists, we encourage you to open a new support ticket. We also highly recommend checking the related known issues, verifying the version of the permanent fix, and ensuring that you have installed the latest versions of themes and plugins. If you need further assistance, please visit our support forum.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Our next available supporter will start replying to tickets in about 4.67 hours from now. Thank you for your understanding.

Tagged: Custom Work

This topic contains 2 replies, has 2 voices.

Last updated by Kor 9 months, 2 weeks ago.

Assisted by: Kor.

Author	Posts
February 4, 2024 at 12:07 am #15262861
ghilanA	Tell us what you are trying to do? When I translated website from Arabic to English language, I have two issues with the menu: 1- The English menu is shifted to the top of the slider and is not displayed in the same format as the Arabic menu as shown in the photo 1 titled "Menu issue". 2- The mega menu with English language is displayed incorrectly as an extended with the full main menu as shown in photo 2 titled "Mega menu issue". Is there any documentation that you are following? Yes, I followed WPML documentation. Is there a similar example that we can see? You can see the attached photos. What is the link to your site? hidden link
February 5, 2024 at 10:52 am #15265387
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Hi there, Thanks for reaching us. Looks like this theme is listed as compatible here https://wpml.org/theme/essentials/ but the guides provided hidden link doesn't seem to explain how to translate the main menu or to style it. I will need to closely examine your website. Therefore, I will require temporary access (WP-Admin and FTP) to a test site where the problem has been replicated, if possible. This will enable me to provide better assistance and determine if any configurations need to be modified. Please note that it is important to have a backup for security purposes and to prevent any potential data loss. You can use the UpdraftPlus plugin (https://wordpress.org/plugins/updraftplus/) to fulfill your backup requirements. Your upcoming reply will be treated with confidentiality and will only be visible to you and me. ✙ To resolve the issue, I may need your consent to deactivate and reactivate plugins and the theme, as well as make configuration changes on the site if necessary. This emphasizes the significance of having a backup. Upon reviewing your debug information, I have observed that the PHP limit for your "WP Memory Limit" is lower than the recommended 256MB or the required 128MB, as mentioned in the documentation found at: https://wpml.org/home/minimum-requirements/. To resolve this, I kindly request that you contact your hosting provider and request an increase in the PHP value for you.
February 6, 2024 at 8:11 am #15269223
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Thanks for your reply. I've fixed the header issue for you. As for the navigation menu width issue, that's the theme styling issue and you can fix it by using this custom CSS code. Insert into WP > Appearance> Customize > Additional CSS. .submenu-box.bg-white.overflow-hidden2 {max-width:600px;}
February 6, 2024 at 10:43 pm #15274055
ghilanA	Hi Kor, Every thing is working fine. Thanks for your help. Regards