Make menu compatible with RTL sites

[tlartaud]

Move .just-hide CSS to left on RTL sites and make sure JS is working for the menu.

[IgorIlgiyaev]

Made some workaround for RTL

.cuar-menu-container .nav-container .menu-plus {
left: 0 !important;
right: auto !important;
}
.cuar-menu-container .nav-container .just-hide{
opacity:1 !important;
}

[tlartaud]

Hi,

Thanks for the tip :)
However, be careful when using !important rules.

I suppose that WP add a rtl class to the body or html node that should be instead.

body.customer-area-active.rtl .cuar-css-wrapper .cuar-menu-container .nav-container .menu-plus {
left: 0;
right: auto;
}

If you're used to work with Git, do not hesitate to submit a Pull Request if you want to participate in the development.

Regards.

[IgorIlgiyaev]

Yeah I know about the important rule and I used it because without it it didn't worked. The body class I just copied what I saw in the inspect and used it :-) Will submit stuff to Git if needed :-)

…

On Thu, Aug 1, 2019 at 12:00 PM Thomas Lartaud ***@***.***> wrote: Hi, Thanks for the tip :) However, be careful when using !important rules. I suppose that WP add a rtl class to the body or html node that should be instead. body.rtl .cuar-css-wrapper .cuar-menu-container .nav-container .menu-plus { left: 0; right: auto; } If you're used to work with Git, do not hesitate to submit a Pull Request if you want to participate in the development. Regards. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#327?email_source=notifications&email_token=AE3AXBV25QUIOQTXNGH447TQCKQ4DA5CNFSM4IIFG3XKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD3J4OZY#issuecomment-517195623>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AE3AXBXWFH7HXP6AAZSES7LQCKQ4DANCNFSM4IIFG3XA> .