Foundation 6 - RTL and C5 UI

I want to use Foundation 6 RTL

In foundation its very simple (100% Right-to-Left Support) - i only need to change this line:
<html class="no-js" lang="ar" dir="rtl">

But when i create a theme and change this line its make bugs in the C5 edit UI

Whats' the best way to fix this problem?

View Replies: View Best Answer
Steevb replied on at Permalink Reply
You cannot wrap the normal way with the html tag.

Make sure your theme has a 'wrapper' class or id under the C5 'getPageWrapperClass'. Then give your wrapper 'direction'.

<div class="wrapper" style="direction: rtl">
siton replied on at Permalink Reply
in the CSS styles i have for example







After adding wrapper - the UI is still with errors - i need to change the code of the CSS ?

I work on another project with bootstrap template with 3 CSS docs for the RTL (so i cant go to all the lines and change this)
Steevb replied on at Permalink Best Answer Reply
Try this:
<?php defined('C5_EXECUTE') or die("Access Denied."); ?>
<!DOCTYPE html>
<html lang="<?php echo Localization::activeLanguage()?>">
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1"> 
<?php echo $html->css($view->getStylesheet(‘main.less'))?>
<?php  Loader::element('header_required'); ?>     
<div class="<?php echo $c->getPageWrapperClass()?>">
<div class="wrapper" style="direction: rtl">
<div class=“theme stuff”>
<div class="row">
<div class="large-12">