Hi,
I’m using Enfold in an RTL website, the rtl.css seems to be loading alright, but the grid system is totally LTR. Is this intentional or is there something I forgot to do? The text is aligned to the right, but the grid elements themselves are displayed left-to-right, and in the responsive version, when making my browser smaller so that the elements stack under each other, the left-most element is the one on top. grid.css gives the elements float:left; but in a RTL grid they should be floating to the right.
Hey targetsystems,
You should install WordPress in a RTL language like Hebrew or Arabic. You can also try adding following code to Functions.php file in Appearance > Editor
add_action('wp_enqueue_scripts', 'custom_rtl_include');
function custom_rtl_include() {
$template_url = get_template_directory_uri();
wp_enqueue_style( 'avia-rtl', $template_url."/css/rtl.css", array(), '1', 'screen' );
}
Best regards,
Jordan Shannon
Hi Jordan Shannon,
My site is already in Hebrew, and rtl.css is being loaded (/wp-content/themes/enfold/css/rtl.css), I can see it when viewing the page source. Is there another RTL file that’s supposed to be loaded to support the grid system?
I added a link to my homepage in the private data of my original post, would you please have a look?
Hi,
Apologies, I misunderstood the problem. Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and add the same element in reverse order and choose to display it on mobile. Unfortunately changing orders of elements on mobile is not easily possible.
Best regards,
Jordan Shannon