WPML translation issues (RTL)

Hello – I have some issues after translating the website using WPML:

1- Desktop menu dropdowns overlapping.
2- Mobile menu for Arabic Language comes on the left (it has to be on the right).

I tried to change the position of the Mobile menu (from the theme header builder settings), it worked but the issue shitted to English Language.

Also it worked only on Home Page but not on a Single Page.

3- And it created another issue Which made the Filter by price title on Shop Page go Up and overlapped with header.

I’ll attach 3 images below so you can have a better idea of the issues I am facing.

Attachments:

You must be logged in to view attached files.

Hi,

Please, provide us your admin access so we can log in and check this on your side.

Thank you in advance.

it’s in the private content, let me know if you are in..

Hi,

Unfortunately, we can’t log in to your site with the following admin credentials (https://prnt.sc/qWj_FBOBFYDk).

Kind Regards

[Bogdan Donovan]

credentials

• This reply was modified 2 years, 1 month ago by Bogdan Donovan.

I am still waiting for a reply from you guys!!!

Hi,

Unfortunately, we still cant log in to your site with recent admin credentials (https://prnt.sc/W_QRufERDdf0).

If you want to grant new permissions please use the “Private content” area.

Kind Regards

I was logged in with the same credentials I hope you do as well.

1. Try to add the following code snippet to the Custom CSS area in Theme Settings to fix the issue with dropdowns. This also will be fixed in the next theme update.

.rtl .wd-dropdown-menu.wd-design-default .menu-item-has-children>a:after {
	margin-left: 0;
	margin-right: auto;
}

.rtl .wd-dropdown-menu.wd-design-default .wd-dropdown {
	margin: 0 20px 0 0;
}

.rtl .wd-dropdown-menu.wd-design-default .wd-dropdown:after {
	right: auto;
	left: 100%;
}

2. If you want to set the mobile menu properly you need to create two different headers for two languages and setup them up separately. The header can be changed for certain languages by translating the following string https://take.ms/VQF4H, https://take.ms/lNTAr. The header ID can be found in the browser URL bar when the desired header is opened in the header builder.

3. This issue is caused by your custom code (https://prnt.sc/5Q5s0tbZLG9u). Try to remove it and check again.

Kind Regards

for the point # 2

I create two headers and also translate string but nothing happen. Mobile menu in Arabic position not changed,
Can you please check and resolve

Attachments:

You must be logged in to view attached files.

Hi,

To change the main header, you need to translate both following values (https://gyazo.com/781477924c2e1f3862fc5f7aea3a459e). We have already done it on your site. Please check.

Kind Regards

[Author]

Posts