Flexbox alignment issue on RTL after latest update

Hi,

I’m experiencing a Flexbox issue on RTL websites after the latest Pro update.

In the screenshot:

  • The top section is a manual example I built just to show how the layout should look. It does not use the same Flexbox settings.
  • The bottom section shows the real issue with the current Flexbox behavior in RTL after the update.

The problem

In RTL mode, for the bottom section:

  1. The items should be aligned to the right .
  2. They should appear on the same row .

However, they are:

  • Pushed away from the right side,
  • And sometimes appear stacked vertically , even though the Flexbox settings should keep them in one line.

This started happening only after the latest update that mentioned:

“Bugfix: RTL languages did not work well with our sliders, there is also a setting to change the flexbox order to reflect the site design better on RTL languages.”

It looks like this change may have affected Flexbox behavior for RTL layouts more broadly, not only inside sliders.

Expected behavior

  • Items stay aligned to the right .
  • Items remain in one row , matching the design shown in the top example.

Actual behavior

  • Items are not aligned correctly on the right.
  • Items can stack vertically or shift position even with the same (or very simple) Flexbox settings.

I can provide a test page or temporary access if you need to inspect it directly.

Thanks in advance for your help!

Try turning off this setting in Cornerstone > Settings. It is required for sliders to work properly, but sites built before this feature might have issues if you are expecting designs to be a certain way. Let us know if that helps.

Hi Charlie,

Thanks for the quick reply.

I turned off the RTL Flex Fix setting as you suggested, but the issue is still happening.

In the screenshot I shared, the elements do move to the right, but they no longer stay aligned on one line , even though the Flexbox settings are exactly the same as before.
The layout breaks as soon as RTL is involved.

A bigger issue I noticed

After more testing, I realized that the meaning of “Start” and “End” has flipped in RTL.
Layouts that were working correctly for months now behave the opposite way.

I also checked some Header drafts , and they now act as if they were built in LTR, even though the whole site is RTL.
This wasn’t happening before the last update.

Impact on my workflow

I use ThemeCo Pro with WPML , and one of the biggest strengths of Pro has always been that I could design something once, then simply switch languages and everything stayed consistent.

Right now, any design built in RTL needs different manual adjustments to make it look correct.
This is a huge change, and it breaks a lot of existing work.

I have hundreds of pages built with Cornerstone in RTL over many years, and the new behavior affects all of them.

My preference

Honestly, I would prefer returning to the previous RTL behavior , which was extremely stable and reliable.

For the slider RTL issue:
I think it might be better to create a separate RTL option only for sliders , instead of changing the whole Flexbox logic for all elements.

Because the older RTL support in Pro was one of its strongest features — and now everything feels unpredictable.

Please let me know if a rollback or hotfix is planned, or if there’s a way to restore the previous RTL Flexbox behavior globally.

Thanks again for your help — I really appreciate your support.

Hey @CIHRS,

Please provide the following info in a Secure Note so we can check your site.

  • WordPress Login URL
  • Admin username and password
  • URL of the page with slider

You can find the Secure Note button at the bottom of your posts.

Thanks.