[Resolved] Issue with the page after translation

Hi,

Thanks for contacting WPML forums support. I'll be glad to help you today.

1) I would need to look closely at your site, so I would need to request temporary access (WP-Admin and FTP)
Preferably to a test site where the problem has been replicated.

Your answer will be private, meaning only you and I can access it.

❌ Please backup your database and website ❌

✙ I need your permission to deactivate and reactivate the plugins and themes and change site configurations. This is also why the backup is critical.

✙ I also need your permission to take a local copy of your site to debug the issue without affecting your live site.

2) It's not related to the issue, but according to your Debug.info, the WP memory limit needs to be increased. PHP memory is fine, but WordPress uses 40Mb as default. The minimum requirements for WPML are 128 MB. (Kindly check this page https://wpml.org/home/minimum-requirements/)

You can increase it by adding the following code in your wp-config.php file right before the /* That's all, stop editing! Happy publishing. */ line:

/* Memory Limit */
define('WP_MEMORY_LIMIT', '256M');
define( 'WP_MAX_MEMORY_LIMIT', '256M');

Best regards,
Osama

Hi,

Thanks for the access details. I added the switcher, and it appeared correctly. (Kindly check the attached screenshot)

Kindly check the page and let me know if it works correctly. (hidden link)

Best regards,
Osama

Hi,

I added the switcher in the header using the header builder. (hidden link)

Best regards,
Osama

Hi,

Please check it now. (hidden link)

You can edit the language switcher from WPML-> Languages-> Custom Language Switcher-> Customize.

Best regards,
Osama

Hi,

This is your header CSS, so please check your header custom CSS and edit it. (Kindly check the attached screenshot)

Best regards,
Osama

Hi,

Thanks for your update. The issue occurs because of the CSS used in the header. When adding any element, you will see the issue. For example, delete the flags and add a button.

However, I was able to fix the issue by adding the following code to your custom CSS. (hidden link)

.whb-flex-equal-sides :is(.whb-col-left,.whb-col-right) {
    flex: 0 0 auto !important;
}

Please check it now. (hidden link)

Best regards,
Osama