Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

RTL Alignment Issue with Accordion Block on Mobile

Home / Forums / Kadence Theme / RTL Alignment Issue with Accordion Block on Mobile

This topic is: Resolved
[Resolved]
Posted in: Kadence Theme

Tagged: 

  • This topic has 2 replies, 3 voices, and was last updated 3 months ago by dunebuggydubaiexpert.
November 9, 2024 at 1:14 am

Hi Kadence team and community! ๐Ÿ™๐Ÿผ

Iโ€™m using the Accordion block on my site, which is in Hebrew (RTL language). Since my admin language is set to English, I managed to get the RTL text displaying correctly by adding direction: rtl; in the Custom CSS of the section that contains the Accordion. (Please see the attached image for my structure!)

It works perfectly on desktop, but on narrower resolutions, like mobile, the Accordion pane titles lose their alignment, and things start to look quite messy. Iโ€™ve spent hours trying to find a solution and went through so many variations but couldnโ€™t make it work. ๐Ÿ˜”

Hereโ€™s a link to my site for reference: website

If anyone has dealt with a similar issue or has a workaround, Iโ€™d really appreciate your advice.

Thank you so much! ๐Ÿ™๐Ÿผ

  • The forum ‘Kadence Theme’ is closed to new topics and replies.