Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #238112

    Hi

    I`m using WPML plugin , I want to change my main menu that called Arabic Main menu in Arabic language starting ( align ) from right side Of page when customer only change language from English to Arabic but not in English language . How can I do that please show me a way . Thanks , I appreciate it

    #238176

    Hi widaco!

    Can you please give us a link to the website? You can add this on Arabic’s Quick CSS or custom.css:

    html[lang="ar-AR"] .main_menu>div ul:first-child > li > a {
    direction: rtl;
    }
    
    html[lang="ar-AR"] #menu-main-menu {
    right: 0;
    position: absolute;
    }
    
    html[lang="ar-AR"] .cart_dropdown {
    position: absolute;
    top: -9px;
    left: 15px;
    }

    Cheers!
    Ismael

    #238249

    Hi Ismael

    Thank you for your fast response , our web site is : http://www.widaco.com
    but still I`m testing WPML on a local host isn’t activated on the web but I take picture from that
    And I want to know is code same for Persian language ? lang=”ar-AR”] Should I change ar-AR to fa_IR or FA only ?!
    Thank for you help I appreciate it Menu

    #238264

    Hey!

    I recommend tp onsert the css code into the quick css field because then you don’t need to take care of the html language attribute. The reason is that Replete generates a separate dynamic stylesheet for each language and the Quick CSS option of your “Arabic” website won’t affect the quick css code of your English website, etc. Thus I recommend to go to the theme options page (Replete > Theme Options > Styling) and make sure that “Arabic” is selected in the language switcher. Then paste the css code into the qick css field:

    
    #top .main_menu>div ul:first-child > li > a {
    direction: rtl;
    }
    
    #top #menu-main-menu {
    right: 0;
    position: absolute;
    }
    
    #top .cart_dropdown {
    position: absolute;
    top: -9px;
    left: 15px;
    }
    

    and save the options. Replete will now regenerate the dynamic stylesheet (for the Arabic website) and your menu should be rtl.

    Cheers!
    Peter

    #238282

    Hi Dude
    I just copy the code as you said in quick css Replete > Theme Options > Styling in Arabic Language cart drop down moved to the left but others menu not showing :(
    Thank for your Help

    • This reply was modified 7 months, 2 weeks ago by  widaco.
    #240840

    Hey!

    Can you post a screenshot and show menu before and after CSS code? It should help us assist you better

    Regards,
    Yigit

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

You must be logged in to reply to this topic.