issue with profile drop down menu when translated

This topic contains 9 replies, has 3 voices, and was last updated by  Olivier 1 month, 3 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #12048

    elaheh
    Participant
    • 17 Posts
    @elaheh

    Hi gangs,
    I have an RTL language as my second language on my site. As far as I switch to the second one the profile drop-down menu, goes off the page. (screenshot).
    If you also notice in the search form the arrow is overlapping the text.

    #12067

    Olivier
    Moderator
    • 1758 Posts
    @themosaurusrex
    Themosaurus Support

    Hi @elaheh,

    Thank you for your precious feedback.

    Could you the URL to your website with us please? You can post it in your next reply and mark it as private to keep this between us.

    Thank you.

    #12078

    elaheh
    Participant
    • 17 Posts
    @elaheh
    This reply has been marked as private.
    #12081

    Jean-Pascal
    Moderator
    • 614 Posts
    @themopteryx
    Themosaurus Support

    Hi @elaheh,

    Thank you very much for your valuable feedback!

    We are currently working on improving the theme display for RTL languages as we are aware that some parts can be improved.

    In the meantime, simply add the following code snippet to your website:

    .main-navigation .navbar-nav.navbar-nav--buddypress .menu-item--profile .sub-menu {
        left: 0;
        right: auto;
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.

    Pasting your code snippet there should do the trick for you.

    Regards,

    #12107

    elaheh
    Participant
    • 17 Posts
    @elaheh

    Hi,
    Thank you. The code snippet solved the problem with dropdown. I also have another issue on this page (pls see the attached screenshot). The small arrow in the form fields is overlapping the text. How to fix that?
    Regards

    #12109

    elaheh
    Participant
    • 17 Posts
    @elaheh

    This double arrow should also flip. (pls see attached)
    any CSS code?
    Regards
    Elaheh

    #12112

    elaheh
    Participant
    • 17 Posts
    @elaheh

    Hi again Jean
    As I mentioned, the issue with the drop-down has solved for the RTL language BUT it also affected the English version of the site. Please see the attached file.
    Regards
    Elaheh

    #12123

    Jean-Pascal
    Moderator
    • 614 Posts
    @themopteryx
    Themosaurus Support

    Hi @elaheh,

    We’re really sorry, we forgot something in the snippet we gave you.

    Here is the updated code snippet to solve the dropdown issue for RTL languages:

    html[dir="rtl"] .main-navigation .navbar-nav.navbar-nav--buddypress .menu-item--profile .sub-menu {
        left: 0;
        right: auto;
    }

    And here is another code snippet to fix the form display for RTL languages:

    html[dir="rtl"] .bps_form .editfield .bps-range-separator {
    	transform: scaleX(-1);
    	-webkit-transform: scaleX(-1);
    }
    html[dir="rtl"] .bps_form .editfield .bps-custom-select:after {
        left: 15px;
        right: auto;
    }

    Note that we are currently hard working on improving the RTL languages compatibility and that a new version of the theme is coming very soon.

    Thank you again for your great feedback!

    Regards,

    #12147

    elaheh
    Participant
    • 17 Posts
    @elaheh

    Thank you very much. It was pretty helpful 🙂

    #13979

    Olivier
    Moderator
    • 1758 Posts
    @themosaurusrex
    Themosaurus Support

    Hi @elaheh,

    We recently release a new version of your theme. Updating your theme, Grimlock plugins and all the other recommended plugins to the latest version should fix this issue.

    If you have correctly updated the theme and Grimlock, the problem should now be fixed. You might still be seeing the issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). So to see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you:
    https://www.lifewire.com/how-to-clear-cache-2617980

    Cheers,

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

The topic ‘issue with profile drop down menu when translated’ is closed to new replies.