Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Support request] menu order not according to RTL

Home Forums Support menu order not according to RTL

This topic contains 13 replies, has 3 voices, and was last updated by  Tom 1 day, 20 hours ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #350552

    My site is RTL but the order of the primary menu is wrong.
    what is left should start at the right.
    see screen capture.
    http://prntscr.com/fworju

    GeneratePress 1.3.48
    GP Premium 1.3.1
    #350689

    Tom
    Lead Developer

    You could just re-arrange the menu items in “Appearance > Menus”?

    #351537

    No re-arrange is needed as far as I know. I am using RTL too and GP works just fine with menu ordering. A menu from top to left in wordpress backend appears from right to left in RTL language. I saw the screenshot above. Logo is at right and menu is at left but in RTL, GP logo is in left and menu is at right by default. This problem is related to wordpress language settings. If a user wants RTL wordpress but in settings/general a LTR language is selected, the problem occures. The screenshot above shows that Lisa wants RTL wordpress but in backend language is LTR. If a RTL language is selected in settings/general, everything will be fine.

    #351552

    Example this is another site for the same company. http://a6871-tmp.s110.upress.link
    Hebrew – logo float right, nav float left BUT the first menu is on the right
    English – logo float left, nav float right BUT first menu is Beit Terezin and that sits on the left

    http://prntscr.com/fxjh7a
    As you can see the site is set to Hebrew (screen capture). this was already setup in the WordPress installation
    Header (logo) is set to Right (which is correct)
    Primary navigation is set to Float left (which is correct)
    The first menu tap should be on the right. (which it isn’t)

    THis site will also have an English site just like the example above.

    #351645

    I already had a bilingual site in dari and pashto which are RTL languages and for testing purpose changed one language to Hebrew which is also RTL language. I did not see any difference at all and for three languages all of them were the same. Also I changed one language to Hebrew and another to English and tested them and It seems everything is fine for both RTL and LTR languages.
    1- Float is right. For Hebrew it is RTL and for English it is LTR.
    2- Text alignment is right. For Hebrew it is RTL and for English it is LTR.
    3- First link or home button position is ight. For Hebrew it is on right and for English it is On left.
    4- changing occures perfect from one language to another language. When I change language from Hebrew to English the menu goes to left and home page is the first one on left side. When I change language from English to Hebrew the menu goes to right and home page is the first one on right side.
    So there are maybe two probabilities.
    1- Check text alignment in appearance/customize/layout/primary navigation/navigation alignment.
    2- If that is OK I think something is wrong with bilingual setup. If you are using a multilingual plugin once it will be good to check it is setup. I am using polylang and everthing is managed perfectly.
    Hope it helps.

    #351669

    sharif Hi
    when I installed WordPress I chose Hebrew as the system default.
    In updates page, only Hebrew WordPress version appears = http://prntscr.com/fxmwiv
    I have not even added multi language plugin yet as I first build the native language site
    and only after upload WPML plugin to build the secondary language which will be English.
    http://prntscr.com/fxmvri – see general settings > system language

    This is my 10th multi language site so I do know what I am doing.
    This is my first Hebrew site on GP – as a single language RTL site (not yet complicated by multi language plugin)

    see site after I added a new menu. home should be on the right hand side
    http://www.p8072-158-1962.s158.upress.link/

    #351670

    Please note that in mobile version the menu order is correct. 1 -home is top, 6 contact is bottom – as it should be.

    link to site
    http://www.p8072-158-1962.s158.upress.link/

    #351816

    Tom
    Lead Developer

    Try adding this CSS:

    .rtl.nav-float-left .main-navigation li {
        float: right;
    }
    #351830

    I tried above css and it seems to solve the problem.

    #352049

    Tom
    Lead Developer

    Awesome – is this a confirmed issue with all RTL instances?

    #352060

    No. Definitely No. I have tested GP with four different RTL languages and did not see such an issue. Even I tested Hebrew and everything was fine. When a menu is created in wordpress back end, we know it is from top to bottom in backend. In RTL that top to bottom menu appears from right to left accordingly in frontend.

    #352126

    Thanks guys. this fixed the issue.
    I hope that when I come to do the English language site that it goes smoothly

    thanks
    Lisa

    #352129

    so sticky menu float left is being over ridden.
    http://prntscr.com/fy0ahw
    can you help me get the menu to float left on the sticky menu

    #352434

    Tom
    Lead Developer

    Try this as your complete CSS instead:

    .rtl.nav-float-left .main-navigation {
        text-align: left;
    }
    
    .rtl.nav-float-left .main-navigation li {
        direction: rtl;
        display: inline-block;
        float: none;
    }
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.