RTL Layout

Framework7 has full support for RTL (right to left) languages like Arabic and Hebrew. To enable RTL mode you simply need to include additional CSS file with RTL additions right after main Framework7's CSS library:

<!DOCTYPE html>
<html>
  <head>
    ...
    <title>My App</title>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" href="path/to/framework7.[theme].min.css">
    
    <!-- Enable RTL by including additional RTL styles: -->
    <link rel="stylesheet" href="path/to/framework7.[theme].rtl.min.css">
    
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="path/to/my-app.css">
    ...

Where [theme] is the theme you use: ios or material

Note that all RTL "mirrors" in RTL mode are made using CSS only, so you should not change order of HTML elements and keep it in LTR way.