Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1419374

    tedwalid
    Participant

    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!

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

    Rad
    Moderator

    Hi there,

    Thanks for writing in.

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

    Thanks!

    #1420035

    tedwalid
    Participant
    This reply has been marked as private.
    #1420399

    Rad
    Moderator

    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!

    #1420794

    tedwalid
    Participant

    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!

    #1421120

    Rad
    Moderator

    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!

    #1422249

    tedwalid
    Participant

    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.

    #1423930

    Christian
    Moderator

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

    Thanks.

    #1424147

    tedwalid
    Participant

    Great, thanks !

    #1424273

    Prasant Rai
    Moderator

    You are most welcome. 🙂

    #1424520

    tedwalid
    Participant
    This reply has been marked as private.
    #1424922

    Rue Nel
    Moderator

    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.

    #1425322

    tedwalid
    Participant
    This reply has been marked as private.
    #1425428

    tedwalid
    Participant
    This reply has been marked as private.
    #1425858

    Rue Nel
    Moderator

    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.