Docs

[tedwalid]

Hello guys,

I am using the theme demo icon 7 and my menu is fixed left.
I need to make the it multilingual.
For arabic language, is it possible to switch the menu on the right side?

Please find in attached the screenshot.

Thank you!

[Rad]

Hi there,

Thanks for writing in.

Please provide the site’s URL that has this issue 🙂

Thanks!

[tedwalid]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( min-width: 980px ) {
body.x-navbar-fixed-left-active {
    padding-left: 0px !important;
    padding-right: 235px;
}
.x-navbar-fixed-left {
    left: auto;
    right: 0;
}
}

Or you may simply change your navigation position to the fixed right in customizer’s header setting.

Thanks!

[tedwalid]

Hi,

Great thanks for your reply.

However, my question was:

Is it possible to have 2 languages: -arabic and -english ; while we are browsing in English, then the menu would be on the left, but then side, but the, when we switch the language into arabic, the menu would go to the right side.

Thank you!

[Rad]

Hi there,

It’s possible if you configure it correctly (the translation plugin). The translation plugin should automatically declare or switch to RTL when switched to Arabic, but I checked your site’s code and there is no indication of RTL.

Example, it can be like this

body.rtl.x-navbar-fixed-left-active {
    padding-left: 0px !important;
    padding-right: 235px;
}
body.rtl .x-navbar-fixed-left {
    left: auto;
    right: 0;
}

How did you translate your site? Would you mind providing your login credentials in private reply?

Thanks!

[tedwalid]

Hello,

Again, thanks a lot for your reply!

Actually, Im quite new wihin the wordpress environment and I don’t know how to translate the website yet.

If you can advise me on what is the best way to translate the xtheme, that would be amazing!

Otherwise, I will come back to you once Im done with the translation.

Thank you.

[Christian]

Please see https://community.theme.co/kb/translation/ for translation instruction.

Thanks.

[tedwalid]

Great, thanks !

[Prasant Rai]

You are most welcome. 🙂

[tedwalid]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for updating this thread. To move the menu bar from left to right while switching language from French to Arabic, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

html[lang="ar"] body.x-navbar-fixed-left-active {
    padding-left: 0;
    padding-right: 230px;
}

html[lang="ar"] .x-navbar-fixed-left {
    left: auto;
    right: 0;
    border-left: 1px solid rgba(0,0,0,0.075);
    border-right: none;
}

We would loved to know if this has work for you. Thank you.

[tedwalid]

This reply has been marked as private.

[tedwalid]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! To move the widget bar icon from right to the left side if it is in arabic, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

html[lang="ar"] .x-btn-widgetbar {
    right: auto;
    left: 0;
    border-top: 19px solid rgb(112,172,71);
    border-left: 19px solid rgb(112,172,71);
    border-right: 19px solid transparent;
    border-bottom: 19px solid transparent;
}

html[lang="ar"] .x-btn-widgetbar i {
    left: -13px;
    right: auto;
}

The “CLIQUEZ…ET C’EST PARTI!” maybe translated using WPML. You should find it in WPML > String Translation.

Hope this helps. Kindly let us know.

[Author]

Posts