- This topic has 9 replies, 3 voices, and was last updated 4 years, 11 months ago by
.
-
Posts
-
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.
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.
This reply has been marked as private.
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,
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
This double arrow should also flip. (pls see attached)
any CSS code?
Regards
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
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,
Thank you very much. It was pretty helpful 🙂
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-2617980Cheers,
The topic ‘issue with profile drop down menu when translated’ is closed to new replies.
