RTL problems with the buddypress menu

[Anas]

Hello,

I’m facing a problem displaying the buddypress hidden menu after clicking the three dots(“…”) in the desktop view. When I click “inspect element” and change padding-bottom to 100px I can see the menu and it works fine. (please check the first attachment)

In the mobile view, the buddypress menu start from the right. I tried to change the float from left to right but without success.

And the animation should be the exact opposite. It should start from the right end and move to the left. (please check the second attachment)

Thank you for your great work.

[Anonymous]

Hi @anas-aljefry, Theme do not have RTL support, we have did some progress on it but it is not pushed to theme updates. Do not have any ETA on RTL support.
Regards

[Anas]

Hello @vapvarun,

I do understand that you don’t have support RTL. But I did edit the css files to support RTL.

It took me along time to RTL the theme and the plugins and I only have these two issues left. I would appreciate it if you could help me solve them.

Regards

[Anonymous]

Hi @anas-aljefry, i have submitted request to developers.
I will update you when i will get notification from them.
Regards
Varun Dubey

[Anas]

Hi @vapvarun,

I appreciate it.

Thank you

[Anonymous]

Hello @anas-aljefry, we will need login details to check your edits what you have did for RTL, please PM admin login details to fix issue.
Regards

[Anas]

Hi @vapvarun,

I’ve sent you the login details yesterday.

Any update on this issue: https://www.buddyboss.com/support-forums/topic/problem-when-translating-strings/
BR

[Anonymous]

Hi @anas-aljefry , Yup i have got them, will update you shortly.
Regards

[Anonymous]

Hi @anas-aljefry,
the script we are using “idangerous.swiper” uses (adding and changing it with js ) translate3d(0px, 0px, 0px); css property, which works opposite on rtl sites than it is on ltr. So it is normal that menu is aligned right, like everything else. Script should be modified so it can work differently.

It still need lots of work to convert it.
Regards
Varun Dubey

[Anonymous]

Hi @anas-aljefry,
Desktop menu solution:
at present you have

#buddypress div.item-list-tabs {
background: 0 0;
clear: right;
overflow: hidden;
}

in buddypress-rtl.css custom file
Either to remove: overflow: hidden;
or to override it with:

#buddypress div.item-list-tabs#object-nav {
overflow: visible !important;
}

Regards
Varun Dubey

[Anas]

Hi @vapvarun,

Thank you very much for your help.

The desktop fix works great and I was able to fix the mobile menu (not perfect but good enough).

BR

[Anonymous]

🙂 glad to help, i will close this topic
Regards
Varun Dubey