Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #858139

    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?



    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.