[Resolved] The design changes and is not the same as in the original language.

Hello There,
Thanks for contacting WPML Support.

I reviewed the screenshots and identified the issue. It appears that RTL (Right-to-Left) support is not fully integrated into the theme for all elements. This is causing display problems when you switch to the Arabic language. To address this, adjustments need to be made using CSS. The following CSS code should help fix most of the issues you've mentioned:

html[lang="ar"] {
    .elementor-element-d21ced9 {
        direction: initial;
    }
    .property_unit_content_grid_small_details {
        padding-right: 20px;
    }
    .textwidget {
        padding: 0;
    }
    #a_filter_action {
        padding-right: 0;
    }
    .filter_menu_trigger {
        padding: 10px 20px;
    }
    .wpestate_control_media_buttons_wrapper {
        width: auto;
        padding-left: 10px;
    }
}

Menu Alignment Issue:

When you switch to Arabic, the RTL (Right to Left) setting is enabled, causing the content to shift from the left side to the right. This results in a noticeable gap on the right side, as shown in this screenshot. This behavior is expected.

Translating 'Resale', 'Rentals', and 'Project' on the Single Project Page:

You can translate these terms into Arabic using the String Translation feature. Navigate to "WPML > String Translation" and search for one of the terms (e.g., Resale). If it appears in the results, click the "+" icon below the language flag to add the translation. If the term does not appear, follow the instructions in this guide.

Button Alignment on the 'News' Page:

The button on the News page is centrally aligned in both the English and Arabic versions. You can see this in the screenshot: hidden link. If the button does not appear correctly positioned on your end, please clear your site and browser caches and check again.

Translating WPForm Country Codes:

If Arabic translation support is added for the country codes, you should be able to translate them from String translation. Please try the following steps and check if that helps in solving the issue.

1. Go to "WPML > Theme and Plugins Localization."
2. Select the WPForms plugin and click on the Scan button.
3. Once the scan is complete, go to "WPML > String Translation" and search for the country code.
4. If it appears in the results, click the "+" icon to add the Arabic translation.

Make sure to translate the form as per the instructions outlined in this guide to ensure the translations take effect.

I hope the information above helps. Feel free to let me know if there is anything else you need help with. I will be happy to help.

Best regards,
Prosenjit

Hi There,
Thank you for the update.

For points 1 and 2, if you're unable to locate the strings, could you please follow the instructions mentioned in this guide and see if that helps?

Language Switcher link issue: Typically, clicking on the current language in the language switcher should not trigger a reload or redirect. However, it appears that the icon is included within the anchor tag, causing the page to reload when you click the button. To address this, you can hide the current language from being clickable using CSS. Add the following CSS to solve the issue:

.mobilex-menu .wpml-ls-current-language a {
    pointer-events: none;
    cursor: default;
}

Floor plan size is incorrect in Arabic and Russian: Upon checking the WPML Debug info, I found that the translation preference for the 'plan_size' field, which seems to be holding the floor plan size information, is set to "Translatable." To correct this, you need to manually add the floor plan size in the translated property editor. If you want this information to automatically appear in the translation, please follow these steps:

- Go to WPML > Settings and scroll to the "Custom field translation" section.
- Search for the field named "plan".
- If the field appears in the results, change the translation preference for the "size" field to "Copy" and save the changes.
- Make a small update to the default property and update the translation.

If any other information appears incorrectly, adjust it in the same way.

Style issues: Please use the following CSS code to adjust the styling issues on the sections marked in the screenshot.

html[lang="ar"] {
    @media only screen and (max-width: 640px) {
        .listing_filters_head .listing_filter_select .filter_menu_trigger {
            padding: 15px 0 !important;
        }
    }

    /* General adjustments */
    .bs3.bootstrap-select .dropdown-toggle .filter-option {
        padding-right: 0;
    }

    .listing_filter_select .caret_filter {
        left: -25px;
    }

    .property_marker {
        margin-left: 10px !important;
    }
}

**Note:** To maintain clarity and organization in each thread, we address/discuss one specific issue per thread. If you have multiple issues, please create separate tickets for each one. This approach allows us to focus on and resolve each issue more effectively and promptly. I hope you can understand.

Best regards,
Prosenjit

Hi!
Thank you for the update.

For point 3, I have verified that the CSS is functioning correctly. The currently active language is not clickable due to the applied CSS, which is a logical approach. Please check this video for a better understanding: hidden link

Maybe you should check by clearing the caches from your site and browser.

For the Point 1,2 and 4, a closer inspection will be required to understand the way to solve these issues.

I would like to request temporary access (wp-admin and FTP) to your site to take a better look at the issue. It would be better to have a testing site where the issue is replicated.

You will find the needed fields below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

IMPORTANT
-Please backup site files and database before providing us access.
-If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this:
hidden link

Looking forward to your response.

Best Regards,
Prosenjit