Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2016 at 8:24 pm #586522
    birdie1963

    the images and text sections (I’m using grid rows) stacked themselves in the wrong order on mobile vertical view.

    February 23, 2016 at 5:28 am #587552
    Ismael

    Hi birdie1963!

    Thank you for using Enfold.

    Edit the grid row element then add a unique id in the Section ID field. Use “reverse-grid” for example. Add this in the functions.php file:

    // reverse cell order
add_action('wp_footer', 'ava_custom_script_mod');
function ava_custom_script_mod(){
?>
<script type="text/javascript">
(function($) {
	if($('header').css('position') == 'relative')
	$('#reverse-grid').find('.flex_cell:nth-child(1)').insertAfter('#reverse-grid .flex_cell:nth-child(2)');
})(jQuery);
</script>
<?php
}

    Remove browser cache or hard refresh the page.

    Regards,
    Ismael

    March 23, 2016 at 12:51 am #602241
    birdie1963

    Thank you for your reply. I have 3 or 4 pix on each page and about 8 pages with this problem. Do I need to do this for each pix on every single page?
    Thanks!

    March 23, 2016 at 4:42 am #602273
    Jordan

    Hi!

    Thanks for getting back to us.

    Yes you need to add the unique ID using the Section ID field on each grid row element on all the pages with the issue. You only need to add the code once in the functions.php file. Save then clear your browser cache and refresh your pages.

    Regards,
    Jordan

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.