Core RTL Issue in Cornerstone – All “Max” Slider Templates Fail or Misbehave in RTL

Support
#1

Hello ThemeCo team,

I’m reporting a core RTL issue in Cornerstone that affects all slider templates from the official Max library .
After extensive testing, I can confirm this is not related to custom code, CSS, or site configuration ,
but rather to how Cornerstone’s internal slider engine handles RTL direction .

:warning: Summary

  • All Max slider templates (official examples provided in the Max library) show severe malfunction in RTL (Arabic) layouts.
  • The issue persists even on a clean WordPress installation with only Cornerstone + Max active.
  • Some sliders don’t initialize or render slides at all .
  • Others can display with direction: rtl or reversed flex,
    but animations become erratic — slides jump across the full width, skip items, or loop incorrectly.
  • Center alignment and “wrap around” logic fail entirely.

:bulb: Environment Tested

  • WordPress: Fresh install (no extra plugins)
  • ThemeCo: Pro / Cornerstone (latest version)
  • Library: Max (official example library)
  • Language: ar (RTL)
  • Browsers: Chrome 130, Safari 18 (Mac)
  • Devices: Desktop + responsive preview

:compass: Expected Behavior

Sliders (from Max or custom builds) should:

  • Move right → left smoothly under RTL mode.
  • Maintain proper alignment and wrap behavior.
  • Keep internal translateX calculations mirrored correctly.

:construction: Actual Behavior

  • Many Max slider templates fail to display slides .
  • Others appear cropped or misaligned.
  • Navigation causes full-width jumps instead of normal slide transitions.
  • “Wrap Around” and “infinite loop” options cause circular animation glitches.

:test_tube: Technical Analysis

This is not an issue with the Max examples themselves.
Those templates simply expose a deeper problem in Cornerstone’s core slider engine .

Even when the DOM direction is correctly set to RTL,
the animation math (translateX / matrix transforms) inside the Flickity-based system
continues to operate as if in LTR mode —
resulting in inverted behavior, infinite jumps, and alignment loss.

In short:

The Max examples demonstrate a core-level RTL handling flaw in Cornerstone’s internal slider logic,
not just a styling or configuration problem.

:paperclip: Test Notes

  • Tested multiple Max slider templates (from the official library).
  • Each produced the same RTL malfunction under a clean environment.
  • No custom JS, CSS, or additional plugins were used.
  • I can share console logs and visual recordings if needed.

Thank you for your attention to this issue.
The Max sliders are visually excellent,
and I hope future updates bring proper RTL support to Cornerstone’s core slider engine.

Best regards,
Tarek

#2

Hey Tarek,

Thank you for reporting. We will check each of the points you’ve described and once issues are replicated, bugs will be queued for fixing.

#3

Hey Tarek,

I have replicated the issue you mentioned so I will now queue this for investigation by our development team.

Please stay tuned for updates.

Thank you.