Header problem with WPML in the Arabic version

This topic has 5 replies, 2 voices, and was last updated 1 week, 5 days ago by Luke Nielsen.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
April 25, 2024 at 10:33 am #560537

orangeblossomksa
Participant

Hello Team,

There is a difference in the arrangement and display of elements in the header in the Arabic language version.

Header with English language version : https://snipboard.io/Z9X4SA.jpg , https://snipboard.io/YlHgFI.jpg
Header with Arabic language version : https://snipboard.io/PnEX3N.jpg , https://snipboard.io/Tnly0V.jpg

Kind regards

April 25, 2024 at 4:48 pm #560748

Luke Nielsen
Keymaster

Hello,

Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

April 26, 2024 at 6:33 pm #561168

orangeblossomksa
Participant

Hi Luke Nielsen,

Sure! You will find the login information in Private Content.

Kind Regards

April 29, 2024 at 10:28 am #561569

Luke Nielsen
Keymaster

Hello,

I suggest you create a separate header for the Arabic language in Header Builder and assign the ID of that Arabic header as a translation to the current English version- https://prnt.sc/E4qjfo64aV22

https://xtemos.com/docs-topic/how-to-use-wpml-with-woodmart/

Then clear the cache and check how it works.

Kind Regards

May 5, 2024 at 12:14 pm #563305

orangeblossomksa
Participant

Hello,

I’ve already done that but nothing changes.
You can check that too.

Kind Regards

May 6, 2024 at 4:51 pm #563610
Luke Nielsen
Keymaster
Hello,

Define the code below in Theme Settings -> Custom CSS -> Desktop CSS area:
```
.rtl .whb-general-header .whb-col-left .wd-header-nav.wd-header-secondary-nav {
    --text-align: left;
}

.rtl .whb-general-header .whb-col-right .wd-header-nav.wd-header-secondary-nav {
    --text-align: right;
}
```
Clear the cache and recheck the issue.

Kind Regards
Author

Posts