RTL is not working well.

This topic has 9 replies, 2 voices, and was last updated 5 years ago by Aizaz Imtiaz Awan.

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

Author

Posts
December 20, 2019 at 8:26 am #164229

engarun
Participant

Hi,
our site is in English and Arabic as well. For English LTR is working well, when I switch to Arabic with (WPML language switcher) RTL styles not rendering properly, blocks overlapping each other.

Please we need your assistance.
Thank u

December 20, 2019 at 10:27 am #164254

Aizaz Imtiaz Awan
Keymaster

Hello,

First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :)

You need to make sure that you have activated RTL styles in CSS generator from WoodMart >> CSS generator. If the RTL style is already enable and it still not working fine then share your site URL so I will check your RTL layout and help you out.

Best Regards.

December 20, 2019 at 10:36 am #164256

engarun
Participant

Hi, thank u so much for your response
I did same as u suggested. After I generate CSS for RTL from CSS generator, both LTR, RTL styles are not rendering properly..

The link for website is: https://khunaizan.co/

December 20, 2019 at 11:47 am #164265

Aizaz Imtiaz Awan
Keymaster

Most Welcome :)

I visited your site and its look broken. What have you done? If you add any custom code or you have added any new plugin recently, just undo your changes and then check back your site RTL layout.

Screenshot for clarification: https://jmp.sh/0DP3YSL

Best Regards.

December 20, 2019 at 5:46 pm #164304

engarun
Participant

Hi,
Thank u for your response.

The issue arrived when I generate CSS file with RTL support checkbox enabled using CSS generator.
I don’t install any plugins except WPML

I reinstalled the setup completely.. try to access the website , for English it’s works well. Try to switch the language to Arabic, you will find the issue, the header, body and the content everything is misplaced.

Then try to generate the CSS file with RTL support enabled using the CSS generator, then check the website both LTR and RTL will not work.

looking forward for your assistance.

Attachments:
You must be logged in to view attached files.

December 21, 2019 at 6:20 am #164349

Aizaz Imtiaz Awan
Keymaster

Most Welcome :)

The 404 page shown when you switch to Arabic language because you did not translate your page in Arabic “Your blog page does not exist or its translation is not published in Arabic.” You can see this warning in Settings >> Reading.

Screenshot for clarification: https://jmp.sh/PvRzXaV

You need to translate your pages in your second language so that 404 page not shown. You can check the documentation below:
https://wpml.org/documentation/

About the header elements misplacement. When I choose the Arabic language the header which one shown contains a menu which contains a large quantity of items. So you need to select a menu for your Arabic language which have less items. Because there is not enough space in the top bar to display all the items of category menu. Or you can decrease the items from your category menu.
You can follow the below documentation for header translation:
https://xtemos.com/docs/woodmart/faq-guides/translate-header-wpml/

Best Regards.

December 21, 2019 at 9:06 am #164359

engarun
Participant

Hi,
Thank u so much..
I followed the above suggestions, it works great except the header. The header is not picking correctly. I have done the header translation, but it’s not picked up.

please find the attached file for header translation update. Could u please help me out in this issue.

Thanks a lot.

Attachments:
You must be logged in to view attached files.

December 21, 2019 at 10:13 am #164363

Aizaz Imtiaz Awan
Keymaster

Most Welcome :)

I’m glad that your 404 page error issue got fixed.
Your header issue is resolved now. Actually you did not translate your menu from Appearance >> Menus. But now I translate your menu “Top Bar Right” in arabic and create the same menu for arabic and it gets fixed. Because you did not translate that menu before that’s why it shows category menu as default in the top bar.

Screenshots for clarification about arabic menu: https://jmp.sh/NBsDVPw

Result with English Language: https://jmp.sh/tn8eD0J

Result with Arabic Language: https://jmp.sh/EyQfdvI

You can check your site after clearing your site and browser cache.

Best Regards.

December 22, 2019 at 5:06 am #164434

engarun
Participant

Thank u so much.

It’s working well.

December 23, 2019 at 5:24 am #164581

Aizaz Imtiaz Awan
Keymaster

Most Welcome :)

If you do not mind, can you please leave 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Have a great day :)

Topic Closed.
Best Regards.
Author

Posts