osamaM-3

Problem:
1. The client wants the WhatsApp icon to appear on the left when the website is viewed in Arabic.
2. On the checkout page, the payment icons are not aligning to the right when the website is switched to Arabic.
Solution:
We recommend checking if your theme supports RTL layouts, as WPML handles translations and the theme controls the RTL/LTR layout. If your theme supports RTL, you can add the following custom CSS to handle specific alignment issues:

:lang(ar) .porto-radio {
      direction: ltr !important;
}
 
.whatsappfloat {
    left: auto; 
}
 
:lang(ar) .whatsappfloat {
    left: 32px !important;
    right: auto !important;
}

Please add this CSS in the custom CSS section of your theme. This solution might become irrelevant due to updates in the theme or our code. If this does not resolve your issue or if the solution becomes outdated, 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 further assistance is needed, please open a new support ticket at WPML support forum.